/* Default button colors */
.btn-perfil {
    background-color: #ffffff !important; /* Light gray default color */
    color: #333; /* Default text color */
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* When the radio button is checked */
.btn-check:checked + .btn-perfil {
    background-color: #6CAE9A !important; /* Green color when selected */
    color: white; /* Text color when selected */
    
}

/* Hover effect */
.btn-perfil:hover {
    background-color: #4CAF50; /* Slightly darker green on hover */
    color: white;
}

/* Focus state for accessibility */
.btn-check:focus + .btn-perfil {
    box-shadow: 0 0 0 0.2rem rgba(106, 174, 154, 0.5);
}



.title-confirmation {
    background: var(--primary-color);
}