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

.toplist-gioconews__wrapper {
    margin-bottom: 24px;
}

.toplist-gioconews__offers {
    display: flex;
    flex-direction: column;
    counter-reset: toplist-gioconews-counter 0;
    gap: 20px;
}

.toplist-gioconews__filter-tags-json {
    box-sizing: border-box;
}

.toplist-gioconews__filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    gap: 8px;
}

.toplist-gioconews__filter-tag {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 30px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    height: 44px;
    padding: 7px 10px;
    cursor: pointer;
    user-select: none;
    text-align: center;
    color: #333;
    border-bottom: 3px solid transparent;
}

.toplist-gioconews__filter-tag.filter-tag-active {
    font-weight: 700;
    border-color: #333;
}

.toplist-gioconews__offer {
    display: grid;
    padding: 10px;
    counter-increment: toplist-gioconews-counter 1;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    background: #ededed;
    gap: 10px 24px;
    grid-template-areas:
        'logo rating actions'
        'logo title actions'
        'terms terms terms';
    grid-template-columns: 280px auto 300px;
    grid-template-rows: auto 1fr;
}

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

.toplist-gioconews__offer-logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    height: 130px;
    border-radius: 4px;
    grid-area: logo;
}

.toplist-gioconews__offer-logo:before {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    position: absolute;
    top: 4px;
    left: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 3px;
    content: counter(toplist-gioconews-counter);
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background: #333;
}

.toplist-gioconews__offer-logo img {
    width: 280px;
    height: 130px;
    padding: 8px;
    border-radius: inherit;
    object-fit: contain;
}

.toplist-gioconews__offer-rating-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    grid-area: rating;
}

.toplist-gioconews__offer-rating {
    display: flex;
    align-items: center;
    gap: 4px;
}

.toplist-gioconews__offer-rating-img img {
    position: relative;
    top: -2px;
    height: 11px;
}

.toplist-gioconews__offer-rating-value {
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    color: #000;
}

.toplist-gioconews__offer-rating-value span {
    font-size: 14px;
    margin-right: 1px;
}

.toplist-gioconews__offer-brand {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    position: relative;
    top: -1px;
    color: #000;
}

.toplist-gioconews__offer-title {
    font-family: 'DM Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 30px;
    position: relative;
    display: flex;
    height: max-content;
    padding: 10px 14px 10px 46px;
    color: #333;
    border-radius: 4px;
    background: linear-gradient(90deg, #f2dee2 0%, #fff0 100%);
    grid-area: title;
}

.toplist-gioconews__offer-title:before {
    position: absolute;
    top: 10px;
    left: 14px;
    width: 24px;
    height: 24px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M2.82349 12.668V21.8207C2.82349 23.0243 3.77158 23.9999 4.94111 23.9999H11.0124C11.1683 23.9999 11.2947 23.8698 11.2947 23.7094V14.5566C11.2947 14.1551 11.6104 13.8302 12.0006 13.8302C12.3908 13.8302 12.7065 14.1551 12.7065 14.5566V23.7093C12.7065 23.8698 12.8329 23.9999 12.9889 23.9999H19.0588C20.2283 23.9999 21.1764 23.0242 21.1764 21.8207V12.668C21.1764 12.5075 21.05 12.3774 20.894 12.3774H3.10586C2.94991 12.3774 2.82349 12.5075 2.82349 12.668Z' fill='%23CE0A31'/%3E%3Cpath d='M23.2941 5.11338H20.6401C20.9786 4.59057 21.1764 3.95142 21.1764 3.28318C21.1764 1.93178 20.4282 0.769101 19.2139 0.261202C18 -0.262326 16.6589 0.0143192 15.741 0.972666L12 4.8225L8.25895 0.972666C7.34109 0.0143192 6 -0.262326 4.78608 0.261202C3.57183 0.769101 2.82352 1.93178 2.82352 3.28318C2.82352 3.95142 3.02138 4.59057 3.35981 5.11338H0.705891C0.310547 5.11338 0 5.43257 0 5.8398V10.1983C0 10.6054 0.310547 10.9247 0.705891 10.9247H11.3083V7.29263C11.3083 6.88545 11.6047 6.58039 12 6.56621H12.0141C12.4095 6.56621 12.72 6.88545 12.72 7.29263V10.9247H23.2941C23.6895 10.9247 24 10.6054 24 10.1983V5.8398C24 5.43257 23.6895 5.11338 23.2941 5.11338ZM6.01411 5.11338C5.02594 5.11338 4.2353 4.2997 4.2353 3.28318C4.2353 2.38228 4.79986 1.83034 5.33653 1.59769C5.53402 1.51042 5.77425 1.45225 6.02827 1.45225C6.43772 1.45225 6.88927 1.59769 7.27045 1.98996L10.2918 5.11338H6.01411ZM17.9859 5.11338H13.7082L16.7296 1.98996C17.3507 1.36499 18.1414 1.37989 18.6635 1.59769C19.2001 1.83034 19.7648 2.38228 19.7648 3.28318C19.7647 4.2997 18.974 5.11338 17.9859 5.11338Z' fill='%23CE0A31'/%3E%3C/svg%3E");
}

.toplist-gioconews__offer-actions {
    display: flex;
    flex-direction: column;
    padding-top: 26px;
    gap: 4px;
    grid-area: actions;
}

.toplist-gioconews__offer-coupon-code-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    padding: 0 16px;
    cursor: pointer;
    border: 1px dashed #707070;
    border-radius: 2px;
    background: #faf8f8;
}

.toplist-gioconews__offer-coupon-code-wrapper:before {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    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%3Cg clip-path='url(%23clip0_5305_442)'%3E%3Cpath d='M17 3.3522C16.2607 2.29636 14.7908 2.01811 13.7347 2.75742L8.30479 6.55945L6.33032 5.17676C7.06551 3.90745 6.71969 2.26492 5.49563 1.40792C4.20301 0.503107 2.42204 0.817107 1.51685 2.10948C0.612068 3.40192 0.925818 5.18326 2.21847 6.08845C3.10547 6.70951 4.22276 6.75608 5.12876 6.30664L7.54713 7.99992L5.12897 9.69301C4.22297 9.24379 3.10576 9.29036 2.21869 9.9112C0.926099 10.8164 0.612318 12.5975 1.51707 13.89C2.42226 15.1825 4.20341 15.4965 5.49582 14.5917C6.71972 13.7347 7.06547 12.0922 6.33051 10.8229L8.30497 9.4402L13.7347 13.242C14.7907 13.9815 16.2607 13.7031 17 12.6472L10.3622 7.99989L17 3.3522ZM3.86335 5.23545C3.04544 5.23545 2.38235 4.57236 2.38235 3.75445C2.38235 2.93654 3.04547 2.27345 3.86335 2.27345C4.68144 2.27345 5.34435 2.93654 5.34435 3.75445C5.34435 4.57236 4.68144 5.23545 3.86335 5.23545ZM3.86335 13.7265C3.04544 13.7265 2.38235 13.0634 2.38235 12.2455C2.38235 11.4276 3.04544 10.7645 3.86335 10.7645C4.68144 10.7645 5.34435 11.4276 5.34435 12.2455C5.34435 13.0634 4.68144 13.7265 3.86335 13.7265Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5305_442'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.toplist-gioconews__offer-coupon-code {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 150%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

.toplist-gioconews__offer-cta-btn {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    margin: auto 0;
    padding: 0 24px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: #ce0a31;
}

.toplist-gioconews__offer-cta-btn:hover {
    text-decoration: unset;
    color: #fff;
    background: linear-gradient(0deg, #0000004c 0%, #0000004c 100%), #ce0a31;
}

.toplist-gioconews__offer-terms {
    margin-top: 3px;
}

.toplist-gioconews__offer-terms,
.toplist-gioconews__offer-terms p {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    line-height: 14px;
    margin-bottom: 0;
    color: #000;
    grid-area: terms;
}

.toplist-gioconews__show-more-btn {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 38px;
    margin: 24px auto 0;
    padding: 8px 8px 14px;
    color: #333;
    border-bottom: 1px solid #333;
}

.toplist-gioconews__show-more-btn:after {
    width: 11px;
    height: 11px;
    margin-left: 10px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M3.0293 11C3.02214 11 3.01855 11 3.01855 11C3.01855 11 3.01497 11 3.00781 11C2.9362 11 2.86816 10.9857 2.80371 10.957C2.73926 10.9284 2.68555 10.889 2.64258 10.8389C2.59961 10.7887 2.56559 10.7332 2.54053 10.6724C2.51546 10.6115 2.50293 10.5452 2.50293 10.4736C2.50293 10.4092 2.51546 10.3465 2.54053 10.2856C2.56559 10.2248 2.59961 10.1693 2.64258 10.1191L7.31543 5.5L2.64258 0.880859C2.59961 0.830729 2.56559 0.775228 2.54053 0.714355C2.51546 0.653483 2.50293 0.59082 2.50293 0.526367C2.50293 0.454753 2.51546 0.388509 2.54053 0.327637C2.56559 0.266765 2.59961 0.211263 2.64258 0.161133C2.68555 0.118164 2.73747 0.0823565 2.79834 0.0537109C2.85921 0.0250654 2.92546 0.0107422 2.99707 0.0107422C3.06868 0.0107422 3.13493 0.0250654 3.1958 0.0537109C3.25667 0.0823565 3.30859 0.118164 3.35156 0.161133L8.35742 5.16699C8.40039 5.20996 8.43262 5.26009 8.4541 5.31738C8.47559 5.37467 8.48633 5.43555 8.48633 5.5C8.48633 5.56445 8.47559 5.62533 8.4541 5.68262C8.43262 5.73991 8.40039 5.79004 8.35742 5.83301L3.35156 10.8389C3.31576 10.8818 3.26921 10.9176 3.21191 10.9463C3.15462 10.9749 3.09375 10.9928 3.0293 11Z' fill='%23333333'/%3E%3C/svg%3E");
}

.toplist-gioconews__show-more-btn:hover {
    cursor: pointer;
    border-width: 2px;
}

@media (max-width: 991px) {
    .toplist-gioconews__filter-wrapper {
        overflow-x: scroll;
        flex-wrap: nowrap;
        width: 100vw;
        margin: 0 -16px 20px;
        padding: 0 16px;
    }

    .toplist-gioconews__filter-wrapper::-webkit-scrollbar {
        display: none;
    }

    .toplist-gioconews__offer {
        padding: 8px;
        gap: 10px;
        grid-template-areas:
            'logo rating'
            'title title'
            'actions actions'
            'terms terms';
        grid-template-columns: 130px auto;
    }

    .toplist-gioconews__offer-logo {
        width: 130px;
        height: 60px;
    }

    .toplist-gioconews__offer-logo img {
        width: 130px;
        height: 60px;
        padding: 4px;
    }

    .toplist-gioconews__offer-logo:before {
        display: none;
    }

    .toplist-gioconews__offer-rating-wrapper {
        align-items: unset;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
    }

    .toplist-gioconews__offer-title {
        padding: 10px 10px 10px 39px;
    }

    .toplist-gioconews__offer-title:before {
        left: 10px;
    }

    .toplist-gioconews__offer-actions {
        padding-top: 0;
        gap: 5px;
    }

    .toplist-gioconews__offer-terms {
        margin-top: 0;
    }
}