@keyframes slideUp {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(100px);
        opacity: 0;
    }
}

#pwa-install-button:hover {
    background: #cc0000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(255, 0, 0, 0.4) !important;
}

#pwa-cancel-button:hover {
    background: #f8f8f8 !important;
    border-color: #ccc !important;
}

@media (max-width: 480px) {
    #pwa-install-container > div {
        max-width: 95% !important;
        padding: 0 10px !important;
    }
    #pwa-install-container > div > div {
        padding: 18px 15px !important;
    }
    #pwa-install-button,
    #pwa-cancel-button {
        padding: 12px 15px !important;
        font-size: 14px !important;
    }
}