.tns-outer{
    .tns-nav,button{
        display: none;
    }
}

.slider-content{
    direction: ltr;
    overflow: hidden;
    .item{

    }
}

a,a:visited{
    text-decoration: none;
    color: var(--xshop-primary);

    &:hover{
        color: var(--xshop-secondary);
    }
}



.btn{
    border-radius: $xshop-border-radius;
}
.btn-primary{
    background: $xshop-primary;
    border-color: lighten($xshop-primary,5);
    color: $xshop-diff !important;

    &:hover{
        border-color: lighten($xshop-primary,10);
        background: darken($xshop-primary,10); ;
    }
}

.btn-outline-primary{
    border-color: $xshop-primary;
    color: $xshop-primary;
    &:hover{
        border-color: lighten($xshop-primary,10);
        color: $xshop-diff !important;
        background: darken($xshop-primary,10); ;
    }
}
.btn-secondary{
    background: $xshop-secondary;
    border-color: lighten($xshop-secondary,5);
    color: $xshop-diff !important;

    &:hover{
        border-color: lighten($xshop-secondary,10);
        background: darken($xshop-secondary,10); ;
    }
}

.btn-outline-secondary{
    border-color: $xshop-secondary;
    color: $xshop-secondary;
    &:hover{
        border-color: lighten($xshop-secondary,10);
        color: $xshop-diff !important;
        background: darken($xshop-secondary,10); ;
    }
}

.btn-outline-invert{
    border-color: $xshop-diff;
    color: $xshop-diff;

    &:hover{
        background: $xshop-diff;
        color: $xshop-primary;
    }
}