@talentsoft-opensource/hylia/molecules/button-switch.less

The Hylia design systems. Contains all the building blocks style rules for Talentsoft.

.Hylia-m-button-switcher {
    display: flex;
    align-items: center;
    position: relative;
    border: 0.1rem solid @minion;
    border-radius: 0.4rem;

    &__status {
        position: absolute;
        z-index: 8;
        top: 0.1rem;
        bottom: 0.1rem;
        background-color: #337bb8;
        border-radius: 0.4rem;
        transition: transform .4s ease-in-out;
    }

    &__item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 100%;
        position: relative;
        z-index: 10;
        min-width: 11.5rem;
        height: 3rem;
        margin: 0.1rem;
        border-radius: 0.3rem;
        text-align: center;
        font-family: @condensed_regular;
        font-size: 1.4rem;
        color: #000;
        transition: 0.4s ease-in-out;
        cursor: pointer;

        &--active {
            color: @stormtrooper;
        }
    }
}