.amoksys-radio-switch{
    display: inline-block;
    text-align:center;
    background:#ccc;; 
    border: 2px solid #ccc;
    border-color: var(--amoksys-color-secondary);
    background: var(--amoksys-color-secondary);
    color:black;
    overflow:hidden;
}
.amoksys-radio-switch.rounded{border-radius:20px;}
.amoksys-radio-switch.flex{display:flex;}
.amoksys-radio-switch.flex .amoksys-radio-switch-item{flex:1 1 0;}


.amoksys-radio-switch:after{content:"";display:block;clear:both;}
.amoksys-radio-switch .amoksys-radio-switch-item input{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.amoksys-radio-switch .amoksys-radio-switch-item:not(.active){cursor:pointer;}

.amoksys-radio-switch .amoksys-radio-switch-item span{padding:0;transition:none}
.amoksys-radio-switch .amoksys-radio-switch-item span:before{display:none;}
.amoksys-radio-switch .amoksys-radio-switch-item span:after{display:none;}
.amoksys-radio-switch .amoksys-radio-switch-item.active:first-child{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.amoksys-radio-switch .amoksys-radio-switch-item.active:last-child{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.amoksys-radio-switch .amoksys-radio-switch-item{
    display:block;
    float:left;
    padding:.5rem;
    text-transform:uppercase;
    color: inherit;
    transition: all .3s;
}


.amoksys-radio-switch .amoksys-radio-switch-item{
    background: white;
    color:white;
    background: var(--amoksys-color-surface);
    color: var(--amoksys-color-on-surface);
}

.amoksys-radio-switch .amoksys-radio-switch-item.active{
    background: #4caf50;
    color:white;
    background: var(--amoksys-color-secondary);
    color: var(--amoksys-color-on-secondary);
}