.toggle-btn {
    background: rgba(0, 0, 0, 0.1);
    color: #FF5349; 
    font-size: 16px; 
    padding: 6px 12px; 
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .toggle-btn:hover {
        background: rgba(0, 0, 0, 0.2); 
        color: #fff;
    }

    .toggle-btn:focus {
        outline: none;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
    }
.pr-modal-footer {
    background: #f1f5f9;
    border-top: 1px solid #e2e8f0;
}

/* Teal primary button */
.btn-teal-primary {
    background-color: #0f766e;
    border-color: #0f766e;
    color: #fff;
}

    .btn-teal-primary:hover {
        background-color: #115e59;
        border-color: #115e59;
    }

/* Soft warning */
.btn-teal-warning {
    background-color: #f59e0b;
    border-color: #f59e0b;
    color: #fff;
}