#root > div > main {
    background: linear-gradient(180deg, hsla(0, 0%, 54%, 1) 0%, hsla(45, 19%, 53%, 1) 20%, hsl(45deg 93% 47% / 50%) 50%, hsl(45deg 19% 53% / 60%) 80%, hsla(0, 0%, 54%, 1) 100%);
    border-radius: 20px;
    margin-bottom: 5.2%;
    margin-top: 5.2%;
    border: 1px solid;
}

.overflow-hidden.bg-black\/20.backdrop-blur-sm.rounded-2xl.py-4.shadow-xl.border.border-yellow-500 {
    background: linear-gradient(90deg, hsla(0, 0%, 54%, 1) 0%, hsla(45, 19%, 53%, 1) 20%, hsl(45deg 93% 47% / 80%) 50%, hsla(45, 19%, 53%, 1) 80%, hsla(0, 0%, 54%, 1) 100%);
}

.bg-\[\#27273a\] {
    --tw-bg-opacity: 1;
    background: linear-gradient(90deg, hsl(45deg 93% 47% / 0%) 0%, hsla(45, 19%, 53%, 1) 40%, hsla(0, 0%, 54%, 1) 100%)!important;
    border: 1px solid;
}

.card-premium-inner {
    background-color: #141414 !important;
}

.bg-gray-900\/60 {
    background-color: rgb(41 47 53 / 80%);
}
.bg-gray-900\/50 {
    background-color: rgb(41 47 53 / 80%);
}
.mb-4 {
    background: linear-gradient(50deg, rgb(49 46 34) 0%, hsl(0deg 0% 54% / 1%) 50%);
    border-radius: 10px 0 0 10px;
}

#root > div > main > div:nth-child(3) > div:nth-child(8) > div.relative > div.flex.gap-3.overflow-x-auto.scrollbar-hide.md\:grid.md\:grid-cols-4.md\:overflow-hidden.snap-x.snap-mandatory.scroll-smooth > a > div.sm\:hidden.mt-2\.5 > span {
    background-color: hsl(45deg 93% 47% / 100%)!important;
    color: black !important;
}

@media (max-width: 767px) {
.mb-4 {
    background: linear-gradient(50deg, rgb(49 46 34) 0%, hsl(0deg 0% 54% / 1%) 90%);
    border-radius: 10px 0 0 10px;
}
    .card-premium-inner > img {
    padding-left: .5rem;
    padding-right: .5rem;
}
    }