.search {
    position: relative;
    margin-bottom: 0;
}

.search-icon {
    position: absolute;
    right: 5%;
    top: 25%;
    border: none;
    cursor: pointer;
    background-color: inherit;
}


.cookie-consent {
    z-index: 10;
    max-width: 700px;
    margin: auto auto;
    width:100%
}

.cookie-consent > div > div > div > div:first-child {
    display: inline;
    width: 100%;
}

.cookie-consent > div > div {
    padding: 1rem;
}

.cookie-consent button.cookie-consent__agree {
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.cookie_consent_window{
    background-color: #fff !important;
}

.cookie-consent__agree {
    background-color: #6340F5 !important;
    color: #fff !important;
}

/* Example: Customize the button hover color */
.cookie-consent__agree:hover {
    background-color: #6340F5; /* Change to your desired hover color */
}

.game-banner-container {
    background-image: url('/images/section-bg.webp');
}

.footer-bg {
    background-image: url('/images/footer-bg.webp');
}

.bg-game-portrait {
    background-image: url('/images/bg-portrait.webp');
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-game-landscape {
    background-image: url('/images/bg-landscape.webp');
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-game-4-3 {
    background-image: url('/images/bg-4-3.webp');
    background-repeat: no-repeat;
    background-size: contain;
}


#loading {
    opacity: 0.7;
    background-color: white;
}

.main-container {
    background-image: radial-gradient(circle 50vw at 100% 0, #00fefe, transparent), radial-gradient(circle 50vw at 20% 25vw, #9b00cc, transparent), linear-gradient(180deg, #3f007e, #502cba 25vw, #05122b 50vw);
}

@keyframes playBtnAnimation {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }

    25% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }

    75% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.animatedPlayBtn:hover {
    animation-name: playBtnAnimation;
    animation-duration: 0.3s;
}