.toplist-sweepstakes__wrapper {
    margin: 16px 0;
}

.toplist-sweepstakes__offers {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.toplist-sweepstakes__offer.hidden {
    display: none;
}

.toplist-sweepstakes__offer {
    position: relative;
    display: grid;
    align-items: center;
    padding: 22px 20px 22px 48px;
    counter-increment: offer-counter;
    border: 2px solid #e8e8e8;
    border-radius: 17px;
    background: #fff;
    box-shadow:
        0 1px 2px 0 #0000000a,
        0 4px 16px 0 #0000000f;
    gap: 49px;
    grid-template-areas: 'logo info payout cta-btn';
    grid-template-columns: 188px 1fr auto 204px;
    grid-template-rows: 1fr;
}

.toplist-sweepstakes__offer:before {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    line-height: 15px;
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 24px;
    height: 25px;
    content: counter(offer-counter);
    text-align: center;
    text-transform: capitalize;
    color: #1b112b;
    border-radius: 170px;
    background: #f3bf1e;
}

.toplist-sweepstakes__offer-logo-wrapper {
    grid-area: logo;
}

.toplist-sweepstakes__offer-logo img {
    width: 188px;
    height: 98px;
    object-fit: contain;
}

.toplist-sweepstakes__offer-info {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    gap: 7px;
    grid-area: info;
}

.toplist-sweepstakes__offer-title {
    font-family: 'Circular Std', sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 23px;
    width: 114px;
    padding: 5px 26px;
    text-align: center;
    color: #404040;
    border-radius: 5px;
    background: #e8e8e8;
}

.toplist-sweepstakes__offer-description {
    font-family: 'Circular Std', sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.4px;
    text-transform: capitalize;
    color: #1b112b;
}

.toplist-sweepstakes__offer-fact {
    display: flex;
    gap: 8px;
    grid-area: payout;
}

.toplist-sweepstakes__offer-fact:before {
    display: flex;
    width: 20px;
    height: 20px;
    margin-right: -2px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Ccircle opacity='0.2' cx='10.5' cy='10.8335' r='7.5' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.62005 3.02911C5.89838 3.39565 5.82688 3.91842 5.46035 4.19676C4.57758 4.86711 3.83741 5.70684 3.28319 6.66678C3.05307 7.06536 2.54341 7.20192 2.14483 6.9718C1.74626 6.74168 1.60969 6.23203 1.83981 5.83345C2.50488 4.68151 3.39308 3.67384 4.45241 2.86942C4.81894 2.59108 5.34171 2.66258 5.62005 3.02911ZM15.3801 3.02911C15.6584 2.66258 16.1812 2.59108 16.5477 2.86942C17.607 3.67384 18.4952 4.68151 19.1603 5.83345C19.3904 6.23203 19.2539 6.74168 18.8553 6.9718C18.4567 7.20192 17.9471 7.06536 17.7169 6.66678C17.1627 5.70684 16.4226 4.86711 15.5398 4.19676C15.1732 3.91842 15.1017 3.39565 15.3801 3.02911ZM10.5001 5.00014C7.2784 5.00014 4.66673 7.61181 4.66673 10.8335C4.66673 14.0551 7.2784 16.6668 10.5001 16.6668C13.7217 16.6668 16.3334 14.0551 16.3334 10.8335C16.3334 7.61181 13.7217 5.00014 10.5001 5.00014ZM3.00007 10.8335C3.00007 6.69134 6.35793 3.33347 10.5001 3.33347C14.6422 3.33347 18.0001 6.69134 18.0001 10.8335C18.0001 14.9756 14.6422 18.3335 10.5001 18.3335C6.35793 18.3335 3.00007 14.9756 3.00007 10.8335ZM10.5001 6.66681C10.9603 6.66681 11.3334 7.0399 11.3334 7.50014V10.0001H13.8334C14.2936 10.0001 14.6667 10.3732 14.6667 10.8335C14.6667 11.2937 14.2936 11.6668 13.8334 11.6668H10.5001C10.0398 11.6668 9.66673 11.2937 9.66673 10.8335V7.50014C9.66673 7.0399 10.0398 6.66681 10.5001 6.66681Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.toplist-sweepstakes__offer-fact-head {
    font-family: 'Circular Std', sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 23px;
    color: #a69996;
}

.toplist-sweepstakes__offer-fact-body {
    font-family: 'Circular Std', sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 22px;
    color: #404040;
}

.toplist-sweepstakes__offer-cta-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 69px;
    border-radius: 8px;
    background: #ae30f4;
    box-shadow: 0 4px 44px 0 #00000040;
    grid-area: cta-btn;
}

.toplist-sweepstakes__offer-cta-button:hover {
    background: #f692ff;
    box-shadow: 0 4px 44px 0 #db9efd;
}

.toplist-sweepstakes__offer-cta-btn {
    font-family: 'Circular Std', sans-serif;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 204px;
    height: 100%;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #fff;
}

.toplist-sweepstakes__offer-cta-btn:hover {
    text-decoration: none;
    color: #fff;
}

.toplist-sweepstakes__show-more-btn {
    font-family: 'Circular Std', sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 42px;
    margin: 24px auto auto;
    padding: 0 24px;
    text-align: center;
    color: #1b112b;
    border: 1px solid #1b112b;
    border-radius: 42px;
    gap: 12px;
}

.toplist-sweepstakes__show-more-btn:hover {
    cursor: pointer;
    color: #fff;
    background: #19005f;
}

@media screen and (width <= 991px) {
    .toplist-sweepstakes__offer {
        padding: 37px 6px 19px;
        gap: 11px 18px;
        grid-template-areas:
            'logo info'
            'cta-btn cta-btn'
            'payout payout';
        grid-template-columns: 137px auto;
        grid-template-rows: 1fr;
    }

    .toplist-sweepstakes__offer:before {
        top: 7px;
        width: 32px;
        height: 32px;
    }

    .toplist-sweepstakes__offer-logo-wrapper {
        margin-left: 4px;
    }

    .toplist-sweepstakes__offer-logo img {
        width: 137px;
        height: 71px;
    }

    .toplist-sweepstakes__offer-info {
        margin-right: 10px;
        margin-left: unset;
        gap: 9px;
    }

    .toplist-sweepstakes__offer-title {
        font-size: 12px;
        line-height: 130%;
        width: 93px;
        padding: 9px 15px 8px;
    }

    .toplist-sweepstakes__offer-description {
        font-size: 18px;
        line-height: 25px;
    }

    .toplist-sweepstakes__offer-description span {
        font-size: 16px;
        line-height: 25px;
    }

    .toplist-sweepstakes__offer-fact {
        align-items: center;
        justify-content: center;
        margin-top: 11px;
    }

    .toplist-sweepstakes__offer-fact-head {
        font-size: 12px;
        line-height: 130%;
    }

    .toplist-sweepstakes__offer-fact-body {
        font-size: 14px;
        line-height: 130%;
    }

    .toplist-sweepstakes__offer-cta-button {
        height: 61px;
    }

    .toplist-sweepstakes__show-more-btn {
        font-size: 14px;
        line-height: 23px;
    }
}