.foundation-cmp-toggle-button {
    display: inline-flex;
    background-color: rgba(204, 204, 204, 0.2);
    outline: rgba(204, 204, 204, 0.4) solid 1px;
    outline-offset: -1px;
    border-radius: 5px;
    padding: 0;
}

.foundation-cmp-toggle-button.small .cmp-button {
    font-size: 12px;
}

.foundation-cmp-toggle-button .cmp-button, .foundation-cmp-toggle-button .cmp-button.Mui-disabled {
    border-color: transparent;
    transition-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
    transition-duration: 250ms;
    transition-property: all;
}

.foundation-cmp-toggle-button .cmp-button:hover, .foundation-cmp-toggle-button .cmp-button:focus, .foundation-cmp-toggle-button .cmp-button:active:focus {
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: none;
    border-color: transparent;
}

.foundation-cmp-toggle-button .cmp-button.active:not(.Mui-disabled) {
    background-color: #ffffff;
    border-color: initial;
}

.foundation-cmp-toggle-button .button:not(:last-of-type) .cmp-button::after {
    content: "";
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    height: calc(100% - 12px);
    position: absolute;
    right: -2px;
    z-index: 0;
}