@import url('https://fonts.googleapis.com/css2?family=Helvetica:wght@400;700&family=Plus+Jakarta+Sans:wght@700&display=swap');

.offer-gameshub__wrapper {
    position: relative;
    display: grid;
    margin: 16px 0;
    counter-reset: offer-gameshub-counter 0;
    counter-increment: offer-gameshub-counter 1;
    border: 1px solid #dce8f7;
    border-radius: 4px;
    background: #f6f6fa;
    box-shadow:
        0 0 4px 0 #edf3fb7f,
        0 4px 4px 0 #dce8f749;
    grid-column: 1 / -1;
    grid-template-areas: 'logo main';
    grid-template-columns: 250px auto;
    grid-template-rows: 1fr;
}

.offer-gameshub__wrapper:before {
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 32px;
    padding: 0 12px;
    content: '#' counter(offer-gameshub-counter) ' ';
    text-align: center;
    letter-spacing: 0.52px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px 0;
    background: #39399a;
}

.offer-gameshub__top-rated {
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    margin-right: 40px;
    padding-right: 12px;
    letter-spacing: 0.52px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0 0 4px;
    background: #39399a;
}

.offer-gameshub__top-rated:before {
    position: relative;
    right: 4px;
    content: '- ';
    color: #fff;
}

.offer-gameshub__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 4px 0 0 4px;
    background: #fff;
    grid-area: logo;
}

.offer-gameshub__logo img {
    width: 180px;
    height: 86px;
    object-fit: contain;
}

.offer-gameshub__main {
    display: grid;
    padding: 24px;
    border-radius: 0 4px 4px 0;
    gap: 32px 16px;
    grid-template-areas:
        'title cta-btn'
        'rating cta-btn';
    grid-template-columns: auto 215px;
    grid-template-rows: 1fr;
}

.offer-gameshub__description {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #181818;
    gap: 2px;
    grid-area: title;
}

.offer-gameshub__description span {
    font-size: 24px;
    line-height: 35px;
}

.offer-gameshub__cta-btn {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: 8px;
    padding: 0 12px;
    text-align: center;
    letter-spacing: 0.32px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    background: #e65d2f;
    gap: 8px;
    grid-area: cta-btn;
}

.offer-gameshub__cta-btn:after {
    width: 16px;
    height: 16px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.33398 8H12.6673' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 3.3335L12.6667 8.00016L8 12.6668' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.offer-gameshub__cta-btn:hover {
    text-decoration: none;
    color: #fff;
    background: #b44825;
}

.offer-gameshub__rating-wrappper {
    display: flex;
    align-items: center;
    gap: 8px;
    grid-area: rating;
}

.offer-gameshub__rating {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 26px;
    text-transform: capitalize;
    color: #333;
}

.offer-gameshub__rating:after {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 3px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.3341 11.9969C9.23796 11.9973 9.14313 11.9735 9.05751 11.9275L5.99096 10.242L2.92441 11.9275C2.82484 11.9824 2.71256 12.007 2.60041 11.9983C2.48819 11.9896 2.38058 11.9481 2.28973 11.8783C2.19889 11.8086 2.12852 11.7136 2.0866 11.6039C2.04468 11.4944 2.03287 11.3746 2.05259 11.2583L2.65387 7.70423L0.176581 5.17909C0.0992734 5.09811 0.0444359 4.99657 0.0179794 4.88535C-0.00854583 4.77413 -0.00565895 4.65745 0.0262263 4.54781C0.0610664 4.43562 0.125179 4.33593 0.211283 4.26005C0.297387 4.18417 0.401978 4.13515 0.513302 4.11854L3.94062 3.59458L5.44981 0.356113C5.49908 0.249379 5.5759 0.159368 5.67163 0.096386C5.76735 0.0334045 5.87799 0 5.99096 0C6.10394 0 6.21457 0.0334045 6.3103 0.096386C6.40602 0.159368 6.48292 0.249379 6.53212 0.356113L8.05938 3.58827L11.4867 4.11223C11.598 4.12884 11.7026 4.17786 11.7887 4.25374C11.8748 4.32961 11.9389 4.4293 11.9738 4.5415C12.0057 4.65113 12.0085 4.76782 11.982 4.87904C11.9556 4.99026 11.9007 5.0918 11.8234 5.17278L9.34613 7.69788L9.94741 11.252C9.96892 11.3703 9.95765 11.4927 9.91505 11.6045C9.87244 11.7164 9.80022 11.8131 9.7069 11.8833C9.59805 11.9634 9.46693 12.0034 9.3341 11.9969Z' fill='%23FD6634'/%3E%3C/svg%3E");
}

.offer-gameshub__offer-review-link {
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    color: #333;
    text-decoration-line: underline;
    text-decoration-skip-ink: none;
    text-decoration-style: solid;
    text-decoration-thickness: 5%;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.offer-gameshub__offer-review-link:hover {
    text-decoration: none;
    color: #333;
}

@media (max-width: 991px) {
    .offer-gameshub__wrapper {
        grid-column: unset;
        grid-template-areas:
            'logo'
            'main';
        grid-template-columns: auto;
    }

    .offer-gameshub__wrapper:before,
    .offer-gameshub__top-rated {
        font-size: 12px;
        letter-spacing: 0.48px;
    }

    .offer-gameshub__logo {
        padding: 8px 16px;
        border-radius: 4px 4px 0 0;
    }

    .offer-gameshub__logo img {
        width: 196px;
        height: 94px;
        object-fit: contain;
    }

    .offer-gameshub__main {
        padding: 16px 24px 24px;
        border-radius: 0 0 4px 4px;
        gap: 12px;
        grid-template-areas:
            'title'
            'cta-btn'
            'rating';
        grid-template-columns: auto;
    }

    .offer-gameshub__description {
        font-size: 15px;
        line-height: 22px;
        text-align: center;
    }

    .offer-gameshub__description span {
        line-height: 32px;
        letter-spacing: -0.24px;
    }

    .offer-gameshub__cta-btn {
        font-size: 15px;
        line-height: 22px;
        width: 100%;
        height: 48px;
        margin-top: 0;
        letter-spacing: 0.3px;
    }

    .offer-gameshub__rating-wrappper {
        justify-content: center;
        margin-top: 4px;
    }

    .offer-gameshub__rating {
        line-height: 22px;
    }
}