.basic-button {
    .basic-button-content {
        align-items: center;
        gap: 5px;
        display: flex;
        justify-content: center;
        overflow: hidden;
        white-space: nowrap;

        .basic-button-icon {
            background-position: center center;
            background-repeat: no-repeat;
        }
    }
}

.basic-led {
    border: 0 none black;

    .basic-led-border {
        height: 100%;
        width: 100%;
    }
}

.basic-led.circle {
    border-radius: 50%;

    .basic-led-border {
        border-radius: 50%;
    }
}

.basic-toggle {
    background-color: silver;
    border-color: silver;
    display: flex;

    .basic-toggle-lever {
        border-radius: 50%;
    }
}

.basic-toggle.position-not-set {
    align-items: center;
    justify-content: center;

    .basic-toggle-lever {
        display: none;
    }
}

.basic-toggle.position-off {
    align-items: flex-end;
    justify-content: flex-start;
}

.basic-toggle.position-on {
    align-items: flex-start;
    justify-content: flex-end;
}
