.shortcode--top-casino{
    margin: 15px 0;
    clear: both;
}

.shortcode--top-casino .container__title{
    margin: 15px 0;
    font-size: 20px;
    line-height: 25px;
}

.shortcode--top-casino .casino__logo {
    display        : flex;
    flex-direction : row;
    align-items    : center;
    flex-basis     : 325px;
    position : relative;
}
.shortcode--top-casino .casino__logo--left {
    max-width : 115px;
    width : 115px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.shortcode--top-casino .casino__logo--left img {
    max-width : 115px;
    width : 115px;
    display   : block;
    float     : left;
    margin    : 0 15px 0 0;
    height: 80px;
}

.shortcode--top-casino .casino__logo .casino__link {
    font-weight     : bold;
    font-size       : 24px;
    line-height     : 24px;
    color           : #000;
    text-decoration : none;
    float           : left;
    display         : flex;
    flex-direction  : row;
    margin-bottom   : 8px;
}

.shortcode--top-casino .casino__label {
    font-weight    : 500;
    font-size      : 12px;
    line-height    : 16px;
    letter-spacing : 0.02em;
    text-transform : uppercase;
    color          : #EC1C00;
    float          : left;
    clear          : both;
    background     : url("/wp-content/themes/casinolic-theme/assets/images/icons/like-item.svg") 0 -2px no-repeat;
    padding-left   : 20px;
}

.shortcode--top-casino .casino__link::before {
    content      : attr(data-number);
    font-weight  : bold;
    font-size    : 20px;
    line-height  : 24px;
    margin-right : 5px;
}

.shortcode--top-casino .casino__link::after {
    content     : '#';
    order       : -1;
    font-size   : 20px;
    line-height : 24px;
    color       : rgba(0, 0, 0, 0.6);
}

.shortcode--top-casino .column.casino__button {
    flex-basis : 140px;
    text-align : center;
    position : relative;
    gap: 6px;
}

.shortcode--top-casino .column.casino__bonus,
.shortcode--top-casino .column.casino__promocode {
    flex       : 1;
    text-align : center;
}
.shortcode--top-casino .column.casino__promocode > a{

    color: rgba(255,255,255,0.85);
}


.shortcode--top-casino .casino__bonus {
    font-weight : bold;
    font-size   : 18px;
    line-height : 20px;
    padding: 5px;
}

.shortcode--top-casino .casino__logo:after{
    content: '';
    width: 1px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    background: #E1E1E0;
    position : absolute;
    right: 0;
}


@media ( max-width : 800px ) {
    .shortcode--top-casino .item{
        flex-wrap: wrap;
    }
    .shortcode--top-casino .casino__logo,
    .shortcode--top-casino .column.casino__bonus,
    .shortcode--top-casino .column.casino__promocode{
        flex: 1 1 100%;
    }
    .shortcode--top-casino .casino__logo:after{
        display: none;
    }
    .shortcode--top-casino .column.casino__button {
        flex-basis: 100%;
        padding: 0 10px 10px;
        display: flex;
    }
    .shortcode--top-casino .link__small{
        background: rgba(42, 154, 254,0.20);
        border: 1px solid rgba(42, 154, 254,0.20);

        display: flex;
        padding: 8px 20px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        border-radius: 4px;
        flex: 1;
        text-decoration: none;
    }

    .shortcode--top-casino .link__small + .link__small{
        background: rgba(1, 255, 71, 0.20);
        border: 1px solid rgba(1, 255, 71, 0.20);
        color: green;
    }
}