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

.i_cdc6af12bb3af1 {
    margin: 16px 0;
}

.f_1b17f0737eb340 {
    display: flex;
    flex-direction: column;
    counter-reset: bm-toplist-nokyc-counter;
    gap: 8px;
}

.c_253af6821fff18 {
    position: relative;
    display: grid;
    align-items: flex-start;
    padding: 16px 24px;
    border: 1px solid #2E2877;
    border-radius: 16px;
    background: #271F7F;
    grid-template-columns: 112px auto 190px;
    grid-template-rows: auto 1fr;
    grid-template-areas:
    "logo main cta-btn"
    "terms terms terms";
    gap: 8px 20px;
}

.c_253af6821fff18.d_9fb9bed14c53d9 {
    display: none;
}

.t_710eca29a87532 {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    grid-area: logo;
}

.t_710eca29a87532:before {
    font-family: 'Albert Sans', serif;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;
    position: absolute;
    z-index: 1;
    top: -4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    content: counter(bm-toplist-nokyc-counter);
    counter-increment: bm-toplist-nokyc-counter;
    color: #00221E;
    border: 2px solid #00221E;
    border-radius: 28px;
    background: #FFFFFF;
}

.q_849f8def78c1d2 img {
    width: 100%;
    height: 112px;
    object-fit: contain;
}

.s_0653361b0fa7f2 {
    display: flex;
    flex-direction: column;
    grid-area: main;
}

.a_c9b60b63f404b5 {
    font-family: 'Albert Sans', serif;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;
    color: #C3BDCC;
}

.p_f7da7f92f3c4b2 {
    margin-top: 8px;
}

.p_f7da7f92f3c4b2,
.p_f7da7f92f3c4b2 p {
    font-family: 'Albert Sans', serif;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    line-height: 34px;
    color: #F1EFF7;
}

.p_f7da7f92f3c4b2 p {
    margin: 0;
    padding: 0;
}

.l_f54686c50296b6 {
    font-family: 'Albert Sans', serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 4px;
    color: #C3BDCC;
}

.h_9d7f86357366b9 {
    margin-top: 8px;
}

.h_9d7f86357366b9 img {
    width: 98px;
    height: 18px;
}

.m_694860871f4f8a {
    font-family: 'Albert Sans', serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin-top: 6px;
    padding: 0 8px;
    text-align: center;
    text-transform: capitalize;
    color: #F1EFF7;
    border-radius: 8px;
    background: #0FCEA0;
    grid-area: cta-btn;
    gap: 8px;
}

.m_694860871f4f8a:before {
    width: 20px;
    height: 20px;
    content: '';
    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 d='M15.9755 11.9002L13.5405 12.8669C12.1755 13.4055 11.1158 14.3534 10.5847 15.5101L9.2043 18.4936C9.15554 18.6001 9.05291 18.6836 8.92206 18.7253C8.6706 18.8005 8.38837 18.6982 8.29344 18.4936L6.9156 15.5101C6.38191 14.3555 5.3248 13.4139 3.95979 12.8752L1.52484 11.9107C1.42734 11.871 1.3478 11.8063 1.29905 11.7269C1.18102 11.5286 1.28366 11.2926 1.52484 11.1966L3.95979 10.232C5.32737 9.69334 6.38448 8.74548 6.9156 7.5888L8.29601 4.60529C8.34476 4.52384 8.42685 4.45704 8.52692 4.41736C8.77838 4.31715 9.08114 4.40069 9.20686 4.60529L10.5873 7.58256C11.1158 8.7413 12.1755 9.6871 13.5405 10.2278L15.9755 11.1903C16.1448 11.2571 16.25 11.397 16.25 11.5495C16.2474 11.6998 16.1422 11.8355 15.9755 11.9002Z' fill='%23F1EFF7'/%3E%3Cpath d='M18.58 4.59802L17.5995 5.00654C17.0736 5.22432 16.6665 5.60579 16.4606 6.07246L15.9062 7.33451C15.8745 7.4035 15.8111 7.45761 15.7304 7.4833C15.5751 7.53337 15.4025 7.46709 15.3439 7.33451L14.7878 6.07246C14.5835 5.60579 14.1748 5.22432 13.6489 5.00654L12.6684 4.59802C12.6082 4.57367 12.5591 4.53174 12.5306 4.48034C12.4577 4.35184 12.5195 4.19897 12.6684 4.13675L13.6489 3.72824C14.1748 3.51047 14.5835 3.12901 14.7878 2.66098L15.3439 1.40026C15.3739 1.34617 15.4246 1.30423 15.4864 1.27718C15.6417 1.21226 15.8286 1.2677 15.9062 1.40026L16.4606 2.66098C16.6665 3.12901 17.0736 3.51047 17.5995 3.72824L18.58 4.13675C18.6402 4.16111 18.6893 4.20303 18.7194 4.25445C18.7923 4.3816 18.7305 4.53581 18.58 4.59802Z' fill='%23F1EFF7'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.m_694860871f4f8a:hover {
    text-decoration: none;
    color: #F1EFF7;
    background: #0DB58C;
}

.z_3b4d02845c6421 {
    font-family: 'Albert Sans', serif;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;
    width: 100%;
    color: #9F97AA;
    grid-area: terms;
}

.y_68e65701f95958 {
    font-family: 'Albert Sans', serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 48px;
    margin: 16px auto 0;
    padding: 0 16px;
    text-transform: capitalize;
    color: #0FCEA0;
    border: 2px solid #0FCEA0;
    border-radius: 8px;
}

.y_68e65701f95958:hover {
    cursor: pointer;
    color: #000000;
    border-color: #A7F1BE;
    background: #A7F1BE;
}

@media screen and (max-width: 991px) {
    .c_253af6821fff18 {
        grid-template-columns: 60px auto;
        grid-template-rows: auto;
        grid-template-areas:
        "logo main"
        "cta-btn cta-btn"
        "terms terms";
        gap: 16px;
    }

    .t_710eca29a87532:before {
        top: -8px;
        right: -4px;
        width: 24px;
        height: 24px;
    }

    .q_849f8def78c1d2 img {
        height: 60px;
    }

    .p_f7da7f92f3c4b2 {
        margin-top: 0;
    }

    .p_f7da7f92f3c4b2,
    .p_f7da7f92f3c4b2 p {
        font-size: 18px;
        line-height: 30px;
    }

    .l_f54686c50296b6 {
        margin-bottom: 0;
    }

    .m_694860871f4f8a {
        margin-top: 0;
    }
}
