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

.k55c62697ce {
    margin-bottom: 24px;
}

.f6355dbfae1 {
    display: flex;
    flex-direction: column;
    counter-reset: bm-toplist-casino-listing-25-counter;
    gap: 16px;
}

.fea0c7d88a6 {
    display: flex;
    flex-direction: column;
    counter-increment: bm-toplist-casino-listing-25-counter;
    gap: 8px;
}

.fea0c7d88a6.kae4d1a024b {
    display: none;
}

.ne3e5773ab3 {
    display: grid;
    padding: 16px;
    border: 1px solid #3d393b;
    border-radius: 8px;
    background: #fff;
    gap: 8px 32px;
    grid-template-areas:
        'info info'
        'main cta-btn';
    grid-template-columns: auto 200px;
    grid-template-rows: 1fr;
}

.fea0c7d88a6:first-child .ne3e5773ab3 {
    border-color: #7e1e80;
}

.c9169660334 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    grid-area: info;
}

.k6527fb9636 {
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 16px 0 42px;
    color: #fff;
    border-radius: 8px;
    background: #3d393b;
}

.k6527fb9636:before {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    content: counter(bm-toplist-casino-listing-25-counter);
    text-align: center;
    color: #fff;
    border-radius: 8px;
    background: #b637fb;
}

.r9bb66ab935 {
    font-family: Lato, sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    gap: 4px;
}

.r9bb66ab935:before {
    width: 23px;
    height: 22px;
    margin-right: 4px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23' viewBox='0 0 24 23' fill='none'%3E%3Cpath d='M18.1109 22.1715C17.9244 22.1722 17.7404 22.1282 17.5742 22.0431L11.6242 18.9282L5.67422 22.0431C5.48102 22.1447 5.26316 22.19 5.04556 22.174C4.82783 22.158 4.61902 22.0812 4.44276 21.9523C4.26649 21.8235 4.12995 21.6479 4.04862 21.4452C3.96729 21.2427 3.94435 21.0214 3.98262 20.8064L5.14929 14.2382L0.342615 9.57146C0.192614 9.42181 0.0862187 9.23414 0.0348853 9.0286C-0.0165814 8.82306 -0.01098 8.60741 0.0508867 8.4048C0.118487 8.19745 0.24289 8.01321 0.409957 7.87298C0.577024 7.73274 0.779956 7.64216 0.995956 7.61146L7.64595 6.64313L10.5742 0.658131C10.6698 0.460877 10.8189 0.294528 11.0046 0.178131C11.1904 0.0617347 11.405 0 11.6242 0C11.8434 0 12.0581 0.0617347 12.2438 0.178131C12.4296 0.294528 12.5788 0.460877 12.6742 0.658131L15.6376 6.63146L22.2876 7.5998C22.5036 7.63049 22.7065 7.72109 22.8736 7.86132C23.0406 8.00154 23.1649 8.18578 23.2326 8.39313C23.2945 8.59574 23.3001 8.8114 23.2486 9.01693C23.1973 9.22248 23.0909 9.41014 22.9409 9.5598L18.1342 14.2264L19.3009 20.7948C19.3426 21.0135 19.3208 21.2396 19.2381 21.4463C19.1554 21.6531 19.0153 21.8318 18.8342 21.9615C18.623 22.1095 18.3686 22.1834 18.1109 22.1715Z' fill='%237E1E80'/%3E%3C/svg%3E");
}

.r9bb66ab935 span {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    position: relative;
    top: 2px;
    color: #00000089;
}

.j27b1661e9e {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: #faeafa;
    gap: 16px;
    grid-area: main;
}

.b5fd9dcc015 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    min-width: 160px;
    height: 96px;
    border: 1px solid #3d393b;
    border-radius: 8px;
}

.b5fd9dcc015 img {
    width: 160px;
    height: 76.8px;
    border-radius: inherit;
    object-fit: contain;
}

.h7188390827 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.efb2267ab2d {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    display: flex;
    align-items: center;
    color: #7e1e80;
    gap: 4px;
}

.efb2267ab2d:before {
    width: 21px;
    height: 21px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M20.3078 5.46069V9.62481H0V5.46069H10.162C10.1933 5.46024 10.2245 5.45618 10.2548 5.44858C10.281 5.45655 10.3083 5.46063 10.3356 5.46069L20.3078 5.46069ZM2.56875 20.9944H7.90419V10.4326H1.73271L2.56875 20.9944ZM12.4036 20.9944H17.739L18.575 10.4326H12.4036L12.4036 20.9944ZM8.71198 20.9944H11.5958V10.4326H8.71197L8.71198 20.9944ZM18.6114 4.26113C18.6074 2.01549 17.6825 0.460485 16.7697 0.0889089C16.5026 -0.00741094 16.2122 -0.0183381 15.9387 0.0576401C15.6652 0.133618 15.422 0.292744 15.2429 0.512993L11.1353 4.6529H18.6155L18.6114 4.26113ZM5.25465 0.513008C3.4755 -1.15689 1.87674 1.5556 1.88618 4.26108L1.88215 4.6529H9.36225L5.25465 0.513008Z' fill='url(%23paint0_linear_12590_19255)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_12590_19255' x1='0' y1='10.4944' x2='20.3078' y2='10.4944' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B637FB'/%3E%3Cstop offset='1' stop-color='%239505E3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.eb0600bdb08 {
    font-family: Lato, sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    color: #000;
}

.p4fabb8d155 {
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 49px;
    padding: 12px 24px;
    text-align: center;
    text-decoration: unset;
    color: #fff;
    border-radius: 8px;
    background: #9505e3;
    grid-area: cta-btn;
}

.p4fabb8d155:hover {
    text-decoration: unset;
    color: #fff;
    background: #b637fb;
}

.e6eb6b7a89c,
.e6eb6b7a89c p {
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    margin-bottom: 0;
    color: #3d393b;
}

.fe4fed2099e {
    font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 125%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    min-width: 200px;
    max-width: 100%;
    margin: 16px auto 0;
    padding: 12px 24px;
    text-align: center;
    color: #9505e3;
    border: 1px solid #9505e3;
    border-radius: 8px;
}

.fe4fed2099e:hover {
    cursor: pointer;
    color: #fff;
    background: #b637fb;
}

@media (max-width: 1024px) {
    .ne3e5773ab3 {
        gap: 8px;
        grid-template-areas:
            'info'
            'main'
            'cta-btn';
        grid-template-columns: auto;
    }

    .k6527fb9636 {
        font-size: 16px;
        line-height: 1;
    }

    .r9bb66ab935 {
        font-size: 16px;
        gap: 2px;
    }

    .r9bb66ab935:before {
        margin-right: 6px;
    }

    .r9bb66ab935 span {
        font-size: 12px;
    }

    .j27b1661e9e {
        flex-direction: column;
        gap: 0;
    }

    .b5fd9dcc015 {
        width: 100%;
        min-width: 100%;
    }

    .h7188390827 {
        padding: 16px 0 16px 16px;
    }

    .p4fabb8d155 {
        margin-top: 8px;
    }
}