.custom-download-btn {
    display: inline-block;
    padding: 8px 20px;
    background-color: #fbe36a;
    /* purple */
    color: #5b3b85;
    /* yellow text */
    border: 2px solid #5b3b85;
    /* yellow border */
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-download-btn:hover {
    background-color: #5b3b85;
    color: #fbe36a;
}

.stripe-button-fix {
    color: white !important;
    background: linear-gradient(to right, #000000, #a302f5) !important;
    font-weight: 600;
}



/* Custom Styles */
[x-cloak] {
    display: none !important;
}

html,
body {
    height: 100%;
}

@keyframes slideFade {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-slideFade {
    animation: slideFade 0.6s ease-out both;
}