.dd-togglebutton-choice {
    padding: unset;
    margin: unset;
    transition: unset;
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}
.dd-togglebutton-choice:hover,
.dd-togglebutton-choice:active,
.dd-togglebutton-choice:visited {
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}
.dd-togglebutton-choice:focus {
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}
.dd-togglebutton-choice:focus-visible {
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}
.dd-togglebutton-choice:focus-within {
    background: unset;
    border: unset;
    color: unset;
    outline: unset;
}

.dd-togglebutton {
    position: relative;
    background: white;
    border-radius: 99px;
    height: var(--dd-button-height-small);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    gap:12px;
    overflow: hidden;

    display: none;
}

.dd-togglebutton-choice {
    border-radius: 99px;
    padding: 6px 10px;
    transition: all var(--dd-animation-time) var(--dd-animation-easing);
}
body .dd-togglebutton-choice.dd-can-focus:focus-visible {
    outline-offset: -3px;
}

.dd-togglebutton-selector {
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40px;
    width: 34px;
    mix-blend-mode: difference;
    border-radius: 99px;
    margin: 3px 0;
    /* transition: all var(--dd-animation-time) var(--dd-animation-easing); */
}

.dd-togglebutton-choice.dd-selected {
    text-shadow: 0px 0px 1px black;
}

@media screen AND (max-width:767px){
    .dd-togglebutton .dd-icon {
        display: none;
    }
}