.s213ba5-318e7b {
    margin: 16px 0;
}

.z213ba5-4a8f06 {
    display: flex;
    flex-direction: column;
    counter-reset: bm-toplist-iwcasino-counter;
    gap: 8px;
}

.o213ba5-e0e259 {
    position: relative;
    display: grid;
    align-items: flex-start;
    padding: 16px 24px;
    border: 1px solid #003A34;
    border-radius: 16px;
    background: #00221E;
    gap: 8px 20px;
    grid-template-areas:
    "logo main cta-btn"
    "terms terms terms";
    grid-template-columns: 112px auto 190px;
    grid-template-rows: auto 1fr;
}

.o213ba5-e0e259.b213ba5-304143 {
    display: none;
}

.a213ba5-7437d8 {
    font-family: var(--bm-font-family);
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 2px 10px;
    color: #000;
    border-radius: 30px;
    background: #5CEF89;
}

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

.q213ba5-bb4e35:before {
    font-family: var(--bm-font-family);
    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-iwcasino-counter);
    counter-increment: bm-toplist-iwcasino-counter;
    color: #00221E;
    border: 2px solid #00221E;
    border-radius: 28px;
    background: #FFF;
}

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

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

.i213ba5-b0cc83 {
    font-family: var(--bm-font-family);
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;
    color: #C3BDCC;
}

.m213ba5-910b56 {
    margin-top: 8px;
}

.m213ba5-910b56,
.m213ba5-910b56 p {
    font-family: var(--bm-font-family);
    font-size: 22px;
    font-weight: 700;
    font-style: normal;
    line-height: 34px;
    color: #FFF;
}

.m213ba5-910b56 p {
    margin: 0;
    padding: 0;
}

.g213ba5-9527e6 {
    font-family: var(--bm-font-family);
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 4px;
    color: #C3BDCC;
}

.s213ba5-ed9580 {
    margin-top: 8px;
}

.s213ba5-ed9580 img {
    width: 98px;
    height: 18px;
}

.e213ba5-1d1b84 {
    font-family: var(--bm-font-family);
    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: #000;
    border-radius: 32px;
    background: #5CEF89;
    gap: 8px;
    grid-area: cta-btn;
}

.e213ba5-1d1b84:before {
    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 fill-rule='evenodd' clip-rule='evenodd' d='M7.59147 7.70048C6.76519 9.49782 4.17235 12.0907 2.375 12.9169C4.17318 13.7432 6.76519 16.3361 7.59147 18.1334C8.40027 16.3735 11.048 13.7257 12.8088 12.9169C11.0106 12.0907 8.41858 9.49782 7.59147 7.70048ZM15.4965 12.213C14.9789 13.3397 13.3538 14.9639 12.228 15.4815C13.3546 15.9991 14.9789 17.6233 15.4965 18.75C16.0032 17.6475 17.6616 15.9882 18.765 15.4815C17.6383 14.9639 16.014 13.3397 15.4965 12.213ZM12.5001 1.25C11.8618 2.63795 9.86062 4.63916 8.47267 5.27656C9.86062 5.91478 11.8618 7.91599 12.5001 9.30394C13.1241 7.94512 15.1686 5.90147 16.5266 5.27656C15.1387 4.63833 13.1374 2.63712 12.5001 1.25Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.e213ba5-1d1b84:hover {
    text-decoration: none;
    color: #000;
    background: #A7F1BE;
}

.x213ba5-53f4e1 {
    font-family: var(--bm-font-family);
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;
    width: 100%;
    color: #0C8879;
    grid-area: terms;
}

.o213ba5-6bac2c {
    font-family: var(--bm-font-family);
    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: #5CEF89;
    border: 2px solid #5CEF89;
    border-radius: 32px;
}

.o213ba5-6bac2c:hover {
    cursor: pointer;
    color: #000;
    border-color: #A7F1BE;
    background: #A7F1BE;
}

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

    .a213ba5-7437d8 {
        font-size: 12px;
        line-height: 1;
        top: 2px;
        padding: 2px 10px 2px 28px;
    }

    .q213ba5-bb4e35:before {
        top: -18px;
        right: 100%;
        left: -26px;
        width: 24px;
        height: 24px;
    }

    .z213ba5-6a299f img {
        height: 60px;
    }

    .m213ba5-910b56 {
        margin-top: 0;
    }

    .m213ba5-910b56,
    .m213ba5-910b56 p {
        font-size: 18px;
        line-height: 30px;
    }

    .g213ba5-9527e6 {
        margin-bottom: 0;
    }

    .e213ba5-1d1b84 {
        margin-top: 0;
    }
}