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

.toplist-listbestcasinos__wrapper {
    margin: 24px 0;
}

.toplist-listbestcasinos__offers {
    display: flex;
    flex-direction: column;
    counter-reset: toplist-listbestcasinos-counter;
    gap: 16px;
}

.toplist-listbestcasinos__offer {
    z-index: 2;
    display: grid;
    padding: 24px 32px 24px 40px;
    counter-increment: bm-toplist-wette-counter 1;
    border-radius: 16px;
    background: #242424;
    grid-template-rows: auto;
    grid-template-columns: 323px auto 344px;
    grid-template-areas:
    "logo main cta-btn";
    column-gap: 40px;
}

.toplist-listbestcasinos__offer.hidden {
    display: none;
}

.toplist-listbestcasinos__offer.add-bonus-divider .toplist-listbestcasinos__offer-bonus-proposal:first-child {
    border-right: 1px solid #242424;
}

.toplist-listbestcasinos__offer-logo-wrapper {
    position: relative;
    display: flex;
    padding-left: 40px;
    grid-area: logo;
}

.toplist-listbestcasinos__offer-logo-wrapper::before {
    font-family: 'Sora', sans-serif;
    font-size: 96px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    position: absolute;
    top: 50%;
    left: -40px;
    width: 110px;
    content: counter(bm-toplist-wette-counter);
    transform: translateY(-50%);
    text-align: center;
    letter-spacing: 0.96px;
    color: #323232;
}

.toplist-listbestcasinos__offer-logo {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 183px;
    height: auto;
    padding: 8px;
    border-radius: 10px;
}

.toplist-listbestcasinos__offer-rating {
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 127px;
    margin-left: -15px;
    padding-left: 15px;
    text-align: center;
    letter-spacing: 0.12px;
    color: #8B8696;
    border-radius: 10px;
    background: #323232;
}

.toplist-listbestcasinos__offer-rating-number {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-top: 2px;
    color: #DFD5EF;
}

.toplist-listbestcasinos__offer-rating-number::after {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 22px;
    height: 20px;
    margin-left: 2px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M21.26 7.50826C21.228 7.58818 21.0625 7.82669 20.3469 8.53292C20.2065 8.67127 20.0455 8.82745 19.8597 9.00429C19.0663 9.7592 18.0769 10.6504 17.3544 11.3011C16.6162 11.9659 16.2596 12.2884 16.2093 12.3602C16.1351 12.4661 16.2008 12.83 16.6474 14.7933C16.8653 15.7498 17.1119 16.8337 17.2746 17.7127C17.5212 19.0457 17.453 19.283 17.4226 19.3244C17.3792 19.3423 17.1626 19.3459 16.1347 18.7853C15.4423 18.4073 14.6009 17.8962 13.7868 17.4017C12.3163 16.5084 11.4717 16.003 11.219 16.003C10.9407 16.003 9.8662 16.6156 8.12997 17.6248C6.92314 18.3266 5.28071 19.2814 4.99023 19.3025C4.96709 19.2348 4.94199 18.9606 5.14842 17.8641C5.29731 17.0727 5.51593 16.1053 5.72689 15.1698C6.14473 13.3216 6.30777 12.5517 6.24005 12.3809C6.17312 12.2118 5.54027 11.6277 4.11237 10.3348C3.57003 9.84357 2.89664 9.2339 2.33116 8.70166C1.73973 8.14432 1.26636 7.67171 1.18359 7.50702C1.50322 7.33788 3.73836 7.10057 5.23439 6.94154C7.20828 6.73222 8.02442 6.6365 8.14862 6.53224C8.25448 6.44342 8.50398 5.88604 9.13799 4.433C9.53553 3.5215 9.98621 2.4883 10.3833 1.65956C10.9691 0.436534 11.1683 0.236159 11.2238 0.205322C11.281 0.234513 11.4842 0.432085 12.0761 1.67176C12.4765 2.51024 12.9276 3.55194 13.3255 4.47073C13.8792 5.74974 14.1733 6.42193 14.2845 6.52779C14.4207 6.65759 15.2771 6.75536 17.3467 6.96387C18.2546 7.05554 19.1932 7.15005 19.9388 7.24822C20.9238 7.37766 21.1895 7.46652 21.26 7.50826Z' fill='%23095FFE'/%3E%3Cpath d='M19.8584 9.00455C20.9914 7.92632 21.2202 7.60424 21.2587 7.50848C21.1882 7.46669 20.9225 7.37788 19.9376 7.24848C19.1919 7.15031 18.2533 7.0558 17.3454 6.96413C15.2758 6.75561 14.4195 6.65785 14.2832 6.52805C14.172 6.42219 13.8779 5.75 13.3242 4.47099C12.9263 3.5522 12.4752 2.51049 12.0748 1.67202C11.483 0.432344 11.2797 0.234817 11.2226 0.205581C11.167 0.236418 10.9678 0.436794 10.382 1.65982C9.98493 2.48856 9.53421 3.52176 9.13671 4.43326C8.5027 5.8863 8.2532 6.44368 8.14733 6.5325C8.02319 6.63676 7.207 6.73248 5.23311 6.94179C3.73704 7.10083 1.50194 7.3381 1.18231 7.50728C1.34415 7.82976 3.00166 9.33028 4.11109 10.3351C5.53899 11.6279 6.1718 12.212 6.23877 12.3812C6.30649 12.552 6.14345 13.3219 5.72561 15.17C5.51469 16.1055 5.29603 17.0729 5.14714 17.8644C4.94067 18.9609 4.96581 19.2351 4.98895 19.3028C5.27939 19.2817 6.9219 18.3268 8.12869 17.625C9.86492 16.6158 10.9395 16.0033 11.2177 16.0033C11.4705 16.0033 12.315 16.5087 13.7855 17.4019C14.5996 17.8964 15.441 18.4075 16.1334 18.7856C17.1613 19.3462 17.3779 19.3425 17.4213 19.3247C17.4518 19.2833 17.5199 19.046 17.2733 17.713C17.1106 16.834 16.864 15.7501 16.6461 14.7936C16.1995 12.8302 16.1338 12.4664 16.208 12.3605C16.2583 12.2887 16.6149 11.9662 17.3531 11.3013C18.0756 10.6507 19.065 9.75946 19.8584 9.00455ZM21.4608 7.4424C21.4932 7.54301 21.5378 7.68051 20.067 9.08611C19.2593 9.85727 18.2359 10.7789 17.4886 11.4523C16.9633 11.9257 16.4656 12.3739 16.3824 12.4668C16.3654 12.6457 16.6088 13.7142 16.8441 14.7486C17.5451 17.8295 17.8144 19.2432 17.5568 19.4765C17.5203 19.5093 17.4704 19.53 17.3941 19.53C17.1999 19.53 16.8347 19.3966 16.0871 18.9913C15.3817 18.6088 14.5168 18.0835 13.6804 17.5756C12.6237 16.9334 11.4258 16.2061 11.2177 16.2061C10.9739 16.2061 9.45269 17.09 8.2309 17.8003C6.16935 18.999 5.17108 19.5576 4.92403 19.5004C4.62709 19.4318 4.73989 18.6141 5.52804 15.1254C5.79334 13.9503 6.09392 12.619 6.04929 12.4538C5.98277 12.3033 4.91628 11.3375 3.97519 10.4856C3.25392 9.83253 2.50796 9.15709 1.93478 8.60705C0.922266 7.63592 0.950656 7.53126 0.973394 7.44689C1.00339 7.33614 1.12998 7.23717 2.43453 7.05909C3.22762 6.95078 4.23644 6.84368 5.21202 6.74026C6.45334 6.60841 7.8597 6.45912 8.01874 6.37516C8.11325 6.27174 8.53919 5.29617 8.95093 4.35218C9.35857 3.41759 9.82064 2.35844 10.2251 1.51792C10.8912 0.13385 11.0834 0.00889957 11.2112 0.000400433C11.2161 -5.02278e-08 11.221 0 11.2258 0C11.3649 0 11.5678 0.149291 12.2233 1.51347C12.6334 2.36654 13.0995 3.44197 13.5105 4.39076C13.9117 5.31686 14.3262 6.27419 14.4216 6.37965C14.5839 6.48191 16.0616 6.63115 17.3658 6.7626C18.3114 6.85792 19.2889 6.95648 20.05 7.05874C21.2941 7.22658 21.4251 7.33164 21.4608 7.4424Z' fill='%23095FFE'/%3E%3Cpath opacity='0.4' d='M9.07429 6.07237C8.65004 5.99525 10.778 1.24512 11.062 0.961179C11.3459 0.677236 13.0902 4.12526 13.0902 4.49037C13.0902 4.85548 11.3865 2.98945 11.1431 2.94887C10.8997 2.90828 9.52051 6.15353 9.07429 6.07237Z' fill='%23095FFE'/%3E%3Cpath opacity='0.4' d='M2.01644 7.65397C1.85317 7.87166 2.90889 8.87091 3.55789 8.99261C4.20694 9.11431 7.73609 7.45115 7.77667 7.08609C7.81721 6.72098 2.13814 7.49173 2.01644 7.65397Z' fill='%23095FFE'/%3E%3Cpath opacity='0.4' d='M20.2947 7.65397C20.4579 7.87166 19.4022 8.87091 18.7532 8.99261C18.1041 9.11431 14.575 7.45115 14.5344 7.08609C14.4939 6.72098 20.173 7.49173 20.2947 7.65397Z' fill='%23095FFE'/%3E%3Cpath opacity='0.3' d='M11.3064 1.56908C11.1003 1.58625 8.79141 6.68026 8.42635 7.00479C8.06129 7.32931 2.34159 7.49155 2.50388 7.89724C2.66612 8.30289 7.08772 11.183 7.20942 11.4264C7.33108 11.6698 6.39813 16.4159 6.56037 16.7404C6.72265 17.065 10.6169 14.6311 11.3876 14.5905C12.1583 14.5499 15.3224 17.1461 15.6875 17.1055C16.0526 17.0649 14.8356 11.5075 15.1196 11.183C15.4036 10.8585 19.5412 8.34347 19.6629 8.14065C19.7845 7.93782 14.0243 7.16707 13.6998 7.04541C13.3753 6.92362 11.7933 1.52849 11.3064 1.56908Z' fill='%23095FFE'/%3E%3Cpath opacity='0.3' d='M16.2077 12.361C16.1335 12.4669 16.1992 12.8308 16.6458 14.7941C16.8637 15.7507 17.1103 16.8345 17.273 17.7136C17.5196 19.0465 17.4515 19.2839 17.421 19.3252C17.3776 19.3431 17.161 19.3467 16.1331 18.7861C15.4407 18.4081 14.5994 17.897 13.7852 17.4025C12.3147 16.5092 11.4702 16.0038 11.2175 16.0038C10.9392 16.0038 9.86463 16.6164 8.1284 17.6256C6.92157 18.3274 5.27915 19.2823 4.98866 19.3033C4.96552 19.2356 4.94043 18.9614 5.14685 17.8649C5.29574 17.0735 5.51436 16.1061 5.72533 15.1706C6.14317 13.3224 6.30621 12.5525 6.23848 12.3818C6.17156 12.2126 5.5387 11.6285 4.1108 10.3356C3.56846 9.84438 2.89507 9.23471 2.32959 8.70247C3.50763 9.58963 6.47899 11.8329 6.64128 11.9952C6.8441 12.198 5.42434 17.9582 5.58658 18.2016C5.74887 18.445 10.9818 15.4838 11.3468 15.5243C11.7119 15.5649 16.3769 18.8912 16.7825 18.5261C17.1882 18.161 15.6061 12.3602 15.7684 11.9951C15.9096 11.6775 19.0295 9.51741 20.3454 8.53369C20.205 8.67204 20.044 8.82822 19.8582 9.00506C19.0647 9.75997 18.0754 10.6512 17.3529 11.3018C16.6146 11.9668 16.2581 12.2892 16.2077 12.361Z' fill='%23D6E0FF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.toplist-listbestcasinos__offer-rating-number span {
    color: #DFD5EF;
}

.toplist-listbestcasinos__offer-main {
    grid-area: main;
    display: block;
    text-align: center;
    height: fit-content;
    align-self: center;
}

.toplist-listbestcasinos__offer-bonus {
    display: inline-block;
    position: relative;
    height: 16px;
    top: -3px;
    vertical-align: middle;
    color: #000;
    text-align: center;
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    margin-right: 4px;
    padding: 0 5px;
    letter-spacing: 0.12px;
    border-radius: 3px;
    background: #A7F1BE;
}

.toplist-listbestcasinos__offer-title {
    display: inline;
    color: #DFD5EF;
    text-align: center;
    font-family: 'Sora', sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 34px;
    text-transform: capitalize;
}

.toplist-listbestcasinos__offer-title span {
    border-bottom: 3px solid #095FFE;
}

.toplist-listbestcasinos__offer-actions {
    display: flex;
    align-items: center;
    justify-content: end;
    grid-area: cta-btn;
}

.toplist-listbestcasinos__offer-bonus-proposals {
    z-index: -2;
    display: flex;
    height: 56px;
    margin-right: -4px;
    padding-right: 6px;
    border-radius: 10px 0 0 10px;
    background: #323232;
}

.toplist-listbestcasinos__offer-bonus-proposal {
    height: max-content;
    margin: auto;
    padding: 0 20px;
}

.toplist-listbestcasinos__offer-bonus-proposal-title {
    font-family: 'Sora', sans-serif;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    margin-bottom: 5px;
    text-align: center;
    letter-spacing: 0.12px;
    color: #8B8696;
}

.toplist-listbestcasinos__offer-bonus-proposal-text {
    font-family: 'Sora', sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    text-align: center;
    text-transform: capitalize;
    color: #DFD5EF;
}

.toplist-listbestcasinos__offer-cta-btn {
    font-family: 'Sora', sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    position: relative;
    display: block;
    width: 176px;
    height: 52px;
    padding: 18px 8px;
    text-align: center;
    text-transform: capitalize;
    color: #FFF;
    border-radius: 6px;
    background: #095FFE;
}

.toplist-listbestcasinos__offer-cta-btn::before {
    position: absolute;
    z-index: -1;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    content: '';
    border-radius: 8px;
    background: linear-gradient(119deg, #095FFE 32.34%, #8292FF 80.52%);
}

.toplist-listbestcasinos__offer-cta-btn::after {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 20px;
    height: 14px;
    margin-left: 6px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14' fill='none'%3E%3Cpath d='M1.27295 7H18.7275' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.7241 13L18.7241 7L12.7241 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.toplist-listbestcasinos__offer-cta-btn:hover {
    text-decoration: unset;
    color: #FFF;
    background-color: #2F41B2;
}

.toplist-listbestcasinos__show-more-btn {
    font-family: 'Sora', sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    width: 201px;
    margin: 44px auto 0;
    padding: 12px 0;
    text-align: center;
    text-transform: capitalize;
    color: #FFF;
    border: 2px solid #095FFE;
    border-radius: 8px;
    background: #000;
}

.toplist-listbestcasinos__show-more-btn:hover {
    cursor: pointer;
    border-color: #FFFFFF;
}

@media screen and (max-width: 991px) {
    .toplist-listbestcasinos__offer {
        padding: 24px;
        grid-template-columns: auto;
        grid-template-areas:
        "logo"
        "main"
        "cta-btn";
        gap: 24px;
    }

    .toplist-listbestcasinos__offer-logo-wrapper {
        min-height: 70px;
        padding-left: 0;
    }

    .toplist-listbestcasinos__offer-logo-wrapper::before {
        width: 40px;
        font-size: 50px;
        line-height: 14px;
        top: -6px;
        left: -22.5px;
        transform: unset;
        letter-spacing: 0.5px;
    }

    .toplist-listbestcasinos__offer-logo {
        width: 60%;
        padding: 0 16px;
    }

    .toplist-listbestcasinos__offer-rating {
        font-size: 10px;
        width: calc(40% + 15px);
    }

    .toplist-listbestcasinos__offer-rating-number span {
        font-size: 20px;
    }

    .toplist-listbestcasinos__offer-bonus {
        font-size: 10px;
    }

    .toplist-listbestcasinos__offer-title {
        font-size: 22px;
    }

    .toplist-listbestcasinos__offer-actions {
        align-items: unset;
        flex-direction: column;
    }

    .toplist-listbestcasinos__offer-bonus-proposals {
        order: 2;
        height: 63px;
        margin-top: -7px;
        margin-right: 0;
        padding-top: 7px;
        padding-right: 0;
        border-radius: 0 0 10px 10px;
    }

    .toplist-listbestcasinos__offer-bonus-proposal {
        width: 50%;
    }

    .toplist-listbestcasinos__offer-bonus-proposal-title {
        font-size: 10px;
    }

    .toplist-listbestcasinos__offer-bonus-proposal-text {
        font-size: 14px;
    }

    .toplist-listbestcasinos__offer-cta-btn-wrapper {
        order: 1;
        width: calc(100% - 4px);
        margin: auto;
    }

    .toplist-listbestcasinos__offer-cta-btn {
        font-size: 16px;
        width: 100%;
    }

    .toplist-listbestcasinos__show-more-btn {
        font-size: 14px;
        width: 100%;
        margin-top: 24px;
    }
}