.cbm-presale-toplist__offers-list {
    gap: 16px;
}

.cbm-presale-toplist__offer-body {
    padding: 16px;
    border: 1px solid #d9dfeb;
    border-radius: 16px;
    gap: 8px;
    grid-template-areas:
        'logo-w-title link link'
        'pros purchase-methods purchase-methods'
        'pros launched meta';
    grid-template-columns: auto 136px 136px;
    grid-template-rows: auto;
}

.cbm-presale-toplist__offer-body:before {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    top: 4px;
    left: 4px;
    color: #fff;
    border-right: unset;
    border-bottom: unset;
    border-radius: 16px;
    background: #e50123;
}

.cbm-presale-toplist__offer-logo-w-title {
    margin-right: 16px;
    gap: 8px;
}

.cbm-presale-toplist__offer-logo img {
    min-width: 40px;
    height: 40px;
}

.cbm-presale-toplist__offer-title,
.cbm-presale-toplist__offer-title a {
    font-family: Outfit, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #031129;
}

.cbm-presale-toplist__offer-description {
    font-family: Outfit, sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    margin-bottom: 8px;
    color: #031129;
}

.cbm-presale-toplist__offer-pros ul {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px;
}

.cbm-presale-toplist__offer-pros ul li:before {
    height: 20px;
    padding-right: 8px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2501 10.0618L16.2442 9.30592L16.2501 9.26371C16.2501 8.64192 15.7256 8.13829 15.0782 8.13829H11.378L11.9375 5.5667C11.9493 5.51043 11.958 5.45135 11.958 5.38945C11.958 5.15592 11.8584 4.94491 11.7002 4.79298L13.1567 3.32991C13.6901 3.8421 14.0414 4.57087 14.0414 5.38945C14.0414 5.63911 14.006 5.84547 13.9786 5.97676L13.9768 5.98557L13.9536 6.09207H15.0782C16.8318 6.09207 18.3334 7.46871 18.3334 9.26371V9.40259L18.3286 9.43704L18.3334 10.054V10.3985L18.3333 10.4078C18.3296 10.8108 18.247 11.2085 18.0911 11.5799L18.0827 11.6L16.3094 15.5821C15.8053 16.7269 14.6421 17.4998 13.3204 17.4998H8.0469C6.29322 17.4998 4.79168 16.1231 4.79168 14.3281V8.701C4.79168 7.80674 5.17463 7.01287 5.75106 6.45161L5.76126 6.44167L8.99854 3.3328C10.1512 2.22582 11.9917 2.22156 13.1497 3.32319L11.7002 4.79298C11.3529 4.46253 10.8008 4.46381 10.455 4.79586L7.21779 7.90477C7.00686 8.11016 6.87502 8.39151 6.87502 8.701V14.3281C6.87502 14.9499 7.39944 15.4535 8.0469 15.4535H13.3204C13.8067 15.4535 14.2227 15.1694 14.3985 14.767L16.1651 10.7999C16.2199 10.6693 16.2487 10.53 16.2501 10.3891V10.0618ZM2.70842 7.26865C2.13312 7.26865 1.66675 7.72671 1.66675 8.29176V15.4535C1.66675 16.0186 2.13312 16.4766 2.70842 16.4766C3.28372 16.4766 3.75009 16.0186 3.75009 15.4535V8.29176C3.75009 7.72671 3.28372 7.26865 2.70842 7.26865Z' fill='%23E50123'/%3E%3C/svg%3E");
}

.cbm-presale-toplist__offer-pros ul li {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0;
    color: #031129;
    background: unset;
}

.cbm-presale-toplist__date-head,
.cbm-presale-toplist__meta-head {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-transform: none;
    color: #46556f;
}

.cbm-presale-toplist__date-body,
.cbm-presale-toplist__meta-body {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    align-items: flex-start;
    justify-content: flex-start;
    height: unset;
    padding: unset;
    text-align: unset;
    color: #031129;
    background: none;
}

.cbm-presale-toplist__offer-purchase-methods {
    padding: 8px;
    border-radius: 8px;
    background: #f0f3fa;
}

.cbm-presale-toplist__offer-purchase-methods:empty {
    display: none;
}

.cbm-presale-toplist__offer-purchase-methods-title {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-transform: lowercase;
    color: #46556f;
}

.cbm-presale-toplist__offer-purchase-methods-title:first-letter {
    text-transform: uppercase;
}

.cbm-presale-toplist__offer-purchase-methods ul {
    line-height: 1;
    margin: 0 !important;
    padding: 0 !important;
    gap: 6px 12px;
}

.cbm-presale-toplist__offer-label-highlight {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 20px;
    margin-top: 6px;
    margin-left: 25px;
    padding: 0 8px;
    color: #fff;
    background: #2e83a7;
}

.cbm-presale-toplist__offer-purchase-methods ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.cbm-presale-toplist__offer-purchase-methods ul li img {
    height: 23px;
}

.cbm-presale-toplist__offer-purchase-methods-more {
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: capitalize;
    color: #031129;
    text-decoration-color: #e50123;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.cbm-presale-toplist__offer-cta-button {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    border-radius: 8px;
    background: #e50123;
}

.cbm-presale-toplist__offer-cta-button:after {
    line-height: 28px;
    top: 14px;
    right: 33px;
    bottom: 0;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    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%3Cpath d='M8 15L13 10L8 5' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
}

.cbm-presale-toplist__offer-cta-button:hover {
    background-color: #a30119;
}

.cbm-presale-toplist__offer-terms {
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    display: inline-block;
    margin-top: 4px;
    color: #46556f;
}

.cbm-presale-toplist__offer-launched,
.cbm-presale-toplist__offer-meta {
    padding: 8px;
    border-radius: 8px;
    background: #f0f3fa;
    gap: unset;
}

.cbm-presale-toplist__offer-pros {
    margin-right: 16px;
}

@media (min-width: 992px) {
    .cbm-presale-toplist__wrapper.tiny.cbm-presale-toplist__offer-body {
        padding: 16px;
        border: 1px solid #d9dfeb;
        border-radius: 16px;
        gap: 8px;
        grid-template-areas:
            'logo-w-title link link'
            'pros purchase-methods purchase-methods'
            'pros launched meta';
        grid-template-columns: auto 136px 136px;
        grid-template-rows: auto;
    }

    .cbm-presale-toplist__wrapper.tiny.cbm-presale-toplist__99btc:not(.cbm-presale-toplist__cn) .cbm-presale-toplist__offer-cta-button {
        width: 100%;
        height: 52px;
        margin-top: unset;
    }

    .cbm-presale-toplist__offer-link .cbm-presale-toplist__offer-description {
        display: none;
    }
}

@media (max-width: 991px) {
    .cbm-presale-toplist__offer-terms {
        font-size: 10px;
        line-height: 14px;
    }

    .cbm-presale-toplist__offer-logo-w-title,
    .cbm-presale-toplist__offer-pros {
        margin-right: 0;
    }

    .cbm-presale-toplist__offer-pros ul li {
        font-size: 12px;
        line-height: 18px;
    }

    .cbm-presale-toplist__offer-body {
        position: relative;
        gap: 16px;
        grid-template-areas:
            'logo-w-title logo-w-title'
            'link link'
            'pros pros'
            'launched meta'
            'purchase-methods purchase-methods';
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .cbm-presale-toplist__date-head,
    .cbm-presale-toplist__meta-head {
        font-size: 10px;
        line-height: 14px;
        padding-left: unset;
        text-transform: none;
    }

    .cbm-presale-toplist__date-body,
    .cbm-presale-toplist__meta-body {
        font-size: 12px;
        padding: unset;
    }

    .cbm-presale-toplist__offer-logo-w-title {
        flex-direction: row;
    }

    .cbm-presale-toplist__offer-title,
    .cbm-presale-toplist__offer-title a {
        font-size: 18px;
        padding: 8px 0;
    }

    .cbm-presale-toplist__offer-meta {
        flex-direction: column;
        height: unset;
        padding-top: 8px;
        gap: 4px;
    }

    .cbm-presale-toplist__offer-launched {
        flex-direction: column;
        height: unset;
        padding-top: 8px;
        gap: 4px;
    }

    .cbm-presale-toplist__meta-body {
        display: block;
        height: auto;
        text-align: left;
        background: none;
    }

    .cbm-presale-toplist__offer-purchase-methods-title {
        font-size: 10px;
        line-height: 14px;
        letter-spacing: 0.4px;
    }

    .cbm-presale-toplist__offer-cta-button {
        font-size: 14px;
        position: relative;
        width: 100%;
        margin-top: unset;
        background: #e50123;
        background-image: unset;
    }

    .cbm-presale-toplist__offer-cta-button:after {
        right: 118px;
    }

    .cbm-presale-toplist__offer-cta-button:visited {
        background: #e50123;
    }

    .cbm-presale-toplist__offer-purchase-methods-more {
        font-size: 12px;
    }

    .cbm-presale-toplist__offer-body:before {
        font-size: 12px;
        line-height: unset;
    }

    .cbm-presale-toplist__offer-description {
        font-size: 18px;
        line-height: 20px;
    }

    .cbm-presale-toplist__offer-pros .cbm-presale-toplist__offer-description {
        display: none;
    }
}