.acesso-toggle {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform var(--transition), background-color var(--transition);
}

.acesso-toggle:hover {
    transform: scale(1.15);
}

.acesso-on {
    background-color: var(--c-success);
}

.acesso-off {
    background-color: transparent;
    border: 2px solid var(--c-border-strong);
}

.acesso-off:hover {
    border-color: var(--c-success);
}

.acesso-disabled {
    background-color: var(--c-border);
    cursor: not-allowed;
}

.acesso-disabled:hover {
    transform: none;
}