/* Warning Button Styling */
.btn-warning {
    background-color: #ffc107; /* Bootstrap Yellow */
    border: none;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 25px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    color: #212529; /* Dark Text for Visibility */
}

/* Hover Effect */
.btn-warning:hover {
    background-color: #e0a800; /* Darker Yellow */
    box-shadow: 0 5px 10px rgba(224, 168, 0, 0.3);
    transform: scale(1.05);
}

/* Active (Click) Effect */
.btn-warning:active {
    background-color: #d39e00 !important;
    box-shadow: 0 3px 7px rgba(224, 168, 0, 0.3);
    transform: scale(0.98);
}

/* Focus Effect */
.btn-warning:focus {
    box-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
}

/* Responsive Button (For Small Screens) */
@media (max-width: 576px) {
    .btn-warning {
        width: 100%;
        padding: 15px;
    }
}