.btn-indi-toggle {
    font-size: small;
    border-color: var(--indi-primary-colour);
    color: var(--indi-primary-colour);
    background-color: transparent;
    transition: background-color 0.3s, color 0.3s;
    box-shadow: none;
    padding: 4px 8px;
    border-radius: 15px;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-indi-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
}

.btn-indi-toggle:focus-visible {
    outline: none;
}

.btn-indi-toggle:hover:not(.disabled) {
    background-color: var(--indi-primary-light) !important;
    color: white !important;
}

.btn-indi-toggle.active:not(.disabled) {
    background-color: var(--indi-primary-colour);
    color: white !important;
}

.btn-indi-toggle.disabled {
    cursor: default;
    background-color: #999999;
    border-color: #555555;
    color: #111111;
}