body {
    padding: 5px;
    margin: 5px;
}

.animated-btn {
    transition: all 0.8s ease;
    /* Smooth transition for all changes */
}

.card ul small {
    color: #ffd580;
    /* warm light gold accent */
    font-weight: 500;
}

#footer .footer-link {
    color: #495057;
    /* dark gray */
    text-decoration: none !important;
    /* default no underline */
    transition: color 0.3s ease, transform 0.8s ease;
}

#footer .footer-link:hover {
    color: #0d6efd !important;
    /* Bootstrap primary blue */
    text-decoration: underline !important;
    transform: translateY(-2px);
}

@media (max-width: 768px) {

    .mt-4 {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }

    .mt-4 .btn {
        width: 100%;
        max-width: 320px;
    }
}