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

.toplist-99bitcoins__wrapper {
    margin: 32px 0;
}

.toplist-99bitcoins__offers {
    display: flex;
    flex-direction: column;
    counter-reset: bm-toplist-99bitcoins-counter;
    gap: 16px;
}

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

.toplist-99bitcoins__filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0;
    gap: 8px;
}

.toplist-99bitcoins__filter-tag {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    padding: 8px 16px;
    cursor: pointer;
    user-select: none;
    color: #031129;
    border: 1px solid #fbc6ce;
    border-radius: 8px;
}

.toplist-99bitcoins__filter-tag.filter-tag-active {
    color: #fff;
    border-color: #e50123;
    background: #e50123;
}

.toplist-99bitcoins__offer {
    position: relative;
    display: grid;
    align-items: flex-start;
    padding: 16px 16px 12px;
    border: 1px solid #d9dfeb;
    border-radius: 16px;
    background: #fff;
    gap: 8px 16px;
    grid-template-areas:
        'logo main cta-btn'
        'logo features cta-btn'
        'terms terms terms';
    grid-template-columns: 125px auto 160px;
    grid-template-rows: auto 1fr auto;
}

.toplist-99bitcoins__offer:first-of-type {
    border-color: #e50123;
}

.toplist-99bitcoins__offer:before {
    font-family: 'DM Sans', serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 20px;
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    content: counter(bm-toplist-99bitcoins-counter);
    counter-increment: bm-toplist-99bitcoins-counter;
    color: #fff;
    border-radius: 16px;
    background: #e50123;
}

.toplist-99bitcoins__offer.hidden {
    display: none;
}

.toplist-99bitcoins__offer-label-highlight {
    font-family: 'DM Sans', serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    position: absolute;
    top: 4px;
    left: 4px;
    display: flex;
    align-items: center;
    height: 24px;
    padding: 4px 12px 4px 32px;
    text-align: center;
    color: #d00120;
    border-radius: 20px;
    background: #ffeef0;
}

.toplist-99bitcoins__offer-logo-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    grid-area: logo;
}

.toplist-99bitcoins__offer-logo-extra {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.toplist-99bitcoins__offer-logo img {
    width: 100%;
    height: 64px;
    object-fit: contain;
}

.toplist-99bitcoins__offer-main {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    grid-area: main;
}

.toplist-99bitcoins__offer-main-head {
    display: flex;
    align-items: center;
    gap: 16px;
    grid-area: main;
}

.toplist-99bitcoins__offer-rating-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.toplist-99bitcoins__offer-brand-name {
    font-family: 'DM Sans', serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    color: #e50123;
}

.toplist-99bitcoins__offer-title,
.toplist-99bitcoins__offer-title p {
    font-family: Outfit, serif;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    color: #031129;
}

.toplist-99bitcoins__offer-title p {
    margin: 0;
    padding: 0;
}

.toplist-99bitcoins__offer-key-features {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
    list-style-type: none !important;
    gap: 8px;
    grid-area: features;
}

.toplist-99bitcoins__offer-key-features li {
    font-family: 'DM Sans', serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    padding: 0 0 0 28px !important;
    color: #031129;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2498 10.0618L16.2439 9.30592L16.2498 9.26371C16.2498 8.64192 15.7254 8.13829 15.0779 8.13829H11.3777L11.9373 5.5667C11.949 5.51043 11.9578 5.45135 11.9578 5.38945C11.9578 5.15592 11.8582 4.94491 11.7 4.79298L13.1565 3.32991C13.6898 3.8421 14.0411 4.57087 14.0411 5.38945C14.0411 5.63911 14.0057 5.84547 13.9784 5.97676L13.9765 5.98557L13.9534 6.09207H15.0779C16.8316 6.09207 18.3331 7.46871 18.3331 9.26371V9.40259L18.3284 9.43704L18.3331 10.054V10.3985L18.3331 10.4078C18.3293 10.8108 18.2468 11.2085 18.0909 11.5799L18.0825 11.6L16.3092 15.5821C15.8051 16.7269 14.6418 17.4998 13.3201 17.4998H8.04666C6.29298 17.4998 4.79144 16.1231 4.79144 14.3281V8.701C4.79144 7.80674 5.17438 7.01287 5.75081 6.45161L5.76102 6.44167L8.99829 3.3328C10.151 2.22582 11.9915 2.22156 13.1494 3.32319L11.7 4.79298C11.3526 4.46253 10.8006 4.46381 10.4548 4.79586L7.21755 7.90477C7.00661 8.11016 6.87478 8.39151 6.87478 8.701V14.3281C6.87478 14.9499 7.39919 15.4535 8.04666 15.4535H13.3201C13.8064 15.4535 14.2225 15.1694 14.3982 14.767L16.1648 10.7999C16.2197 10.6693 16.2485 10.53 16.2498 10.3891V10.0618ZM2.70817 7.26865C2.13288 7.26865 1.6665 7.72671 1.6665 8.29176V15.4535C1.6665 16.0186 2.13288 16.4766 2.70817 16.4766C3.28347 16.4766 3.74984 16.0186 3.74984 15.4535V8.29176C3.74984 7.72671 3.28347 7.26865 2.70817 7.26865Z' fill='%23E50123'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left center;
}

.toplist-99bitcoins__offer-rating {
    font-family: Outfit, serif;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 32px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #031129;
    gap: 2px;
}

.toplist-99bitcoins__offer-rating:before {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.8341 11.9969C9.73796 11.9973 9.64313 11.9735 9.55751 11.9275L6.49097 10.242L3.42442 11.9275C3.32485 11.9824 3.21258 12.007 3.10038 11.9983C2.98818 11.9896 2.88055 11.9481 2.78973 11.8783C2.6989 11.8086 2.62853 11.7136 2.5866 11.6039C2.54468 11.4944 2.53288 11.3746 2.55256 11.2583L3.15384 7.70423L0.676552 5.17909C0.599265 5.09811 0.544436 4.99657 0.517953 4.88535C0.49147 4.77413 0.494333 4.65745 0.526234 4.54781C0.561084 4.43562 0.625191 4.33593 0.711282 4.26005C0.797365 4.18417 0.901989 4.13515 1.01327 4.11854L4.44059 3.59458L5.94981 0.356113C5.99905 0.249379 6.07592 0.159368 6.17164 0.096386C6.26735 0.0334045 6.37802 0 6.49097 0C6.60393 0 6.7146 0.0334045 6.81031 0.096386C6.90602 0.159368 6.98292 0.249379 7.03212 0.356113L8.55938 3.58827L11.9867 4.11223C12.098 4.12884 12.2026 4.17786 12.2887 4.25374C12.3748 4.32961 12.4389 4.4293 12.4738 4.5415C12.5057 4.65113 12.5085 4.76782 12.482 4.87904C12.4556 4.99026 12.4007 5.0918 12.3234 5.17278L9.84613 7.69788L10.4474 11.252C10.4689 11.3703 10.4577 11.4927 10.415 11.6045C10.3724 11.7164 10.3002 11.8131 10.2069 11.8833C10.098 11.9634 9.96693 12.0034 9.8341 11.9969Z' fill='%23FB9C0E'/%3E%3C/svg%3E%0A");
}

.toplist-99bitcoins__offer-rating:after {
    font-family: 'DM Sans', serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    display: flex;
    align-items: flex-end;
    content: '/10';
    text-align: center;
    color: #46556f;
}

.toplist-99bitcoins__offer-review-btn {
    font-family: 'DM Sans', serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    display: block;
    color: #031129;
    text-decoration-color: #e50123;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.toplist-99bitcoins__offer-review-btn:hover {
    text-decoration: none;
    color: #031129;
}

.toplist-99bitcoins__offer-cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    grid-area: cta-btn;
}

.toplist-99bitcoins__offer-cta-btn {
    font-family: 'DM Sans', serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    padding: 0 8px;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    border-radius: 8px;
    background: #e50123;
    gap: 8px;
}

.toplist-99bitcoins__offer-cta-btn:after {
    width: 20px;
    height: 20px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 15L13 10L8 5' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.toplist-99bitcoins__offer-cta-btn:hover {
    text-decoration: none;
    color: #fff;
    background: #a30119;
}

.toplist-99bitcoins__offer-coupon-code {
    font-family: 'DM Sans', serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    position: relative;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: fit-content;
    min-width: 105px;
    height: 28px;
    padding: 4px 8px;
    cursor: pointer;
    text-align: center;
    color: #031129;
    border: 1px dashed #fbc6ce;
    border-radius: 2px;
    gap: 4px;
}

.toplist-99bitcoins__offer-coupon-code:after {
    width: 16px;
    height: 16px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3718 5.35485H11.7821C12.3261 5.35485 12.8479 5.57105 13.2328 5.95546C13.6172 6.34028 13.8334 6.86213 13.8334 7.40613V11.5087C13.8334 12.0527 13.6172 12.5745 13.2328 12.9594C12.8479 13.3438 12.3261 13.56 11.7821 13.56H7.67953C7.13553 13.56 6.61368 13.3438 6.22886 12.9594C5.84445 12.5745 5.62825 12.0527 5.62825 11.5087V11.0984H5.21799C4.67399 11.0984 4.15214 10.8822 3.76732 10.4978C3.38291 10.113 3.16671 9.59116 3.16671 9.04716C3.16671 7.82582 3.16671 6.16593 3.16671 4.94459C3.16671 4.40059 3.38291 3.87875 3.76732 3.49393C4.15214 3.10952 4.67399 2.89331 5.21799 2.89331C6.43932 2.89331 8.09922 2.89331 9.32055 2.89331C9.86455 2.89331 10.3864 3.10952 10.7712 3.49393C11.1556 3.87875 11.3718 4.40059 11.3718 4.94459V5.35485ZM6.44876 7.40613V11.5087C6.44876 11.8353 6.5784 12.1483 6.80937 12.3788C7.03994 12.6098 7.35296 12.7395 7.67953 12.7395C8.90086 12.7395 10.5608 12.7395 11.7821 12.7395C12.1087 12.7395 12.4217 12.6098 12.6522 12.3788C12.8832 12.1483 13.0129 11.8353 13.0129 11.5087C13.0129 10.2874 13.0129 8.62746 13.0129 7.40613C13.0129 7.07957 12.8832 6.76654 12.6522 6.53598C12.4217 6.305 12.1087 6.17536 11.7821 6.17536H7.67953C7.35296 6.17536 7.03994 6.305 6.80937 6.53598C6.5784 6.76654 6.44876 7.07957 6.44876 7.40613ZM5.62825 10.2779H5.21799C4.89143 10.2779 4.5784 10.1483 4.34784 9.91731C4.11686 9.68675 3.98722 9.37372 3.98722 9.04716C3.98722 7.82582 3.98722 6.16593 3.98722 4.94459C3.98722 4.61803 4.11686 4.305 4.34784 4.07444C4.5784 3.84346 4.89143 3.71382 5.21799 3.71382C6.43932 3.71382 8.09922 3.71382 9.32055 3.71382C9.64712 3.71382 9.96014 3.84346 10.1907 4.07444C10.4217 4.305 10.5513 4.61803 10.5513 4.94459V5.35485H7.67953C7.13553 5.35485 6.61368 5.57105 6.22886 5.95546C5.84445 6.34028 5.62825 6.86213 5.62825 7.40613V10.2779Z' fill='%23E50123' stroke='%23E50123' stroke-width='0.333333'/%3E%3C/svg%3E%0A");
}

.toplist-99bitcoins__offer-coupon-code.coupon-code-copied:after {
    display: none;
}

.toplist-99bitcoins__offer-partnership {
    font-family: 'DM Sans', serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 78px;
    margin-top: 68px;
    padding: 8px;
    text-align: center;
    color: #46556f;
    border: 1px solid #d9dfeb;
    border-radius: 4px;
    gap: 8px;
    grid-area: logo;
}

.toplist-99bitcoins__offer-partnership img {
    width: 79px;
    height: 38px;
    border-radius: 4px;
    object-fit: contain;
}

.toplist-99bitcoins__offer-terms {
    font-family: 'DM Sans', serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    width: 100%;
    margin-top: 4px;
    color: #46556f;
    grid-area: terms;
}

.toplist-99bitcoins__show-more-btn {
    font-family: 'DM Sans', serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    top: 380px;
    left: 568px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 52px;
    margin: 16px auto 0;
    padding: 0 16px;
    text-align: center;
    text-transform: capitalize;
    color: #031129;
    border: 2px solid #031129;
    border-radius: 8px;
    gap: 8px;
}

.toplist-99bitcoins__show-more-btn:hover {
    cursor: pointer;
    color: #46556f;
    border: 2px solid #46556f;
}

@media screen and (width <= 991px) {
    .toplist-99bitcoins__wrapper {
        margin: 16px 0;
    }

    .toplist-99bitcoins__filter-wrapper {
        overflow-x: scroll;
        flex-wrap: nowrap;
        width: 100vw;
        margin: 0 -16px 8px;
        padding: 0 16px;
    }

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

    .toplist-99bitcoins__offer {
        gap: 8px;
        grid-template-areas:
            'logo main-head'
            'main main'
            'cta-btn cta-btn'
            'features features'
            'partnership partnership'
            'terms terms';
        grid-template-columns: 125px auto;
        grid-template-rows: auto;
    }

    .toplist-99bitcoins__offer:before {
        font-size: 12px;
        line-height: 18px;
        width: 20px;
        height: 20px;
    }

    .toplist-99bitcoins__offer-label-highlight {
        font-size: 10px;
        line-height: 14px;
        height: 20px;
        padding: 4px 12px 4px 24px;
    }

    .toplist-99bitcoins__offer-logo-wrapper {
        flex-direction: row;
        gap: 16px;
    }

    .toplist-99bitcoins__offer-logo-extra {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0 8px;
    }

    .toplist-99bitcoins__offer-logo img {
        width: 125px;
        height: 60px;
    }

    .toplist-99bitcoins__offer-main-head {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        gap: 0;
        grid-area: main-head;
    }

    .toplist-99bitcoins__offer-main {
        margin-top: 0;
    }

    .toplist-99bitcoins__offer-rating {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

    .toplist-99bitcoins__offer-rating:after {
        font-size: 12px;
        line-height: 24px;
        align-items: center;
    }

    .toplist-99bitcoins__offer-review-btn {
        font-size: 16px;
        line-height: 24px;
        flex-shrink: 0;
    }

    .toplist-99bitcoins__offer-brand-name {
        font-size: 14px;
        line-height: 20px;
    }

    .toplist-99bitcoins__offer-title,
    .toplist-99bitcoins__offer-title p {
        font-size: 18px;
        line-height: 20px;
    }

    .toplist-99bitcoins__offer-cta-wrapper {
        gap: 8px;
    }

    .toplist-99bitcoins__offer-cta-btn {
        font-size: 14px;
        line-height: 20px;
        order: 2;
        height: 44px;
    }

    .toplist-99bitcoins__offer-coupon-code {
        font-size: 12px;
        line-height: 18px;
        order: 1;
        width: 100%;
        height: 32px;
    }

    .toplist-99bitcoins__offer-key-features {
        gap: 2px;
    }

    .toplist-99bitcoins__offer-key-features li {
        font-size: 12px;
    }

    .toplist-99bitcoins__offer-partnership {
        font-size: 10px;
        line-height: 14px;
        flex-direction: row;
        justify-content: space-between;
        height: 46px;
        margin-top: 0;
        padding: 4px 4px 4px 16px;
        grid-area: partnership;
    }

    .toplist-99bitcoins__offer-partnership img {
        width: 79px;
        height: 38px;
    }

    .toplist-99bitcoins__offer-terms {
        font-size: 10px;
        line-height: 14px;
    }
}