@use "/src/assets/scss/partial" as *;
@use "/src/assets/scss/variables" as *;

.CommonTabsWrapper{
    button{
        &.activeTab{
            position: relative;
            &::after , &::before {
                content: "";
                position: absolute;
                background-repeat: no-repeat;
                background-size: contain;   
                background-position: center;
                width: 37px;
                height: 20px;
            }
            &::after{
                bottom: 0;
                left: 100%;
                background-image: url("../../../public/images/tab-active-icon.svg");
            }
            &::before{
                bottom: 0;
                right: 100%;
                background-image: url("../../../public/images/tab-active-icon-left.svg");
            }
        }
        &:first-child{
            &.activeTab{
                &::before {
                    display: none;
                }
            }
        }
        &:last-child{
            &.activeTab{
                &::after {
                    display: none;
                }
            }
        }
    }
}