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

.yc94712b835 {
    margin-bottom: 24px;
}

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

.w448655573f {
    display: grid;
    counter-increment: bm-toplist-casino-listing-27-counter;
    background: #d7d7d7;
    grid-template-areas:
        'info'
        'main';
    grid-template-columns: auto;
    grid-template-rows: 1fr;
}

.w448655573f.a0a12668cee {
    display: none;
}

.qcd46db8ce4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    background: #20323e;
    gap: 8px;
    grid-area: info;
}

.y34dd520732 {
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 122%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px 0 32px;
    color: #fff;
}

.y34dd520732:before {
    font-family: Montserrat, 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: 24px;
    height: 24px;
    content: counter(bm-toplist-casino-listing-27-counter);
    text-align: center;
    color: #000;
    background: #b6c59a;
}

.oe26e7edfed {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 122%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    gap: 2px;
}

.oe26e7edfed:before {
    width: 23px;
    height: 22px;
    margin-right: 6px;
    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.27316 22.19 5.04556 22.174C4.82783 22.158 4.61902 22.0812 4.44276 21.9523C4.27649 21.8235 4.12995 21.6479 4.04862 21.4452C3.96729 21.2427 3.94435 21.0214 3.98272 20.8064L5.14929 14.2382L0.342715 9.57146C0.192714 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.2327 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.2274L19.3009 20.7948C19.3427 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='%23B6C59A'/%3E%3C/svg%3E");
}

.oe26e7edfed span {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 125%;
    position: relative;
    top: 1px;
    color: #b6c59a;
}

.l65387303ae {
    display: grid;
    padding-right: 16px;
    gap: 16px;
    grid-area: main;
    grid-template-areas: 'logo description cta-btn';
    grid-template-columns: 200px auto 200px;
    grid-template-rows: 1fr;
}

.o98edd41827 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 96px;
    border: 1px solid #070100;
    grid-area: logo;
}

.o98edd41827 img {
    width: 160px;
    height: 76.8px;
    object-fit: contain;
}

.a72436717f3 {
    display: flex;
    flex-direction: column;
    padding-top: 16px;
    gap: 4px;
    grid-area: description;
}

.ye6bece1eba {
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 125%;
    color: #02894b;
}

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

.h984282c891 {
    font-family: Montserrat, 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: 48px;
    margin: 16px 0 0;
    padding: 12px 24px;
    text-align: center;
    text-decoration: unset;
    color: #fff;
    background: #02894b;
    grid-area: cta-btn;
}

.h984282c891:hover {
    text-decoration: unset;
    color: #fff;
    background: #b6c59a;
}

.mdfeaf16999 {
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 122%;
    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: #02894b;
    border: 1px solid #02894b;
    background: #fff;
}

.mdfeaf16999:hover {
    cursor: pointer;
    color: #fff;
    border-color: #b6c59a;
    background: #b6c59a;
}

@media (max-width: 1024px) {
    .l65387303ae {
        padding-right: 0;
        grid-template-areas:
            'logo'
            'description'
            'cta-btn';
        grid-template-columns: auto;
    }

    .o98edd41827 {
        height: 120px;
    }

    .a72436717f3 {
        padding: 0 16px;
    }

    .h984282c891 {
        margin: 0;
    }
}