.vk__subscribe {
    padding: 20px;
    border-radius: 6px;
    text-decoration: none;
    background: url('/wp-content/themes/casinohi/assets/images/vk-banner-mob.png') center center / cover no-repeat;
    position: relative;
    display: block;
}

.vk__subscribe:after {
    display: block;
    content: '';
    width: 153px;
    height: 158px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: url('/wp-content/themes/casinohi/assets/images/vk-banner-img-mob.png') center center / cover no-repeat;
}

.vk__subscribe-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    z-index: 1;
    position: relative;
}

.vk__subscribe-title {
    width: 100%;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 12px;
}

.vk__subscribe-description {
    max-width: calc(100% - 57px);
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.vk__subscribe-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 0 20px;
    background: #FFFFFF;
    border-radius: 8px;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    width: fit-content;
    height: 48px;
}

.vk__subscribe-btn:before {
    display: block;
    content: '';
    width: 24px;
    min-width: 24px;
    height: 24px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZyBjbGlwLXBhdGg9J3VybCgjY2xpcDBfMTI2Ml83NTc5KSc+PHBhdGggZD0nTTAgMTEuNTJDMCA2LjA4OTQgMCAzLjM3NDEzIDEuNjg3MDcgMS42ODcwN0MzLjM3NDEzIDAgNi4wODk0IDAgMTEuNTIgMEgxMi40OEMxNy45MTA2IDAgMjAuNjI1OSAwIDIyLjMxMyAxLjY4NzA3QzI0IDMuMzc0MTMgMjQgNi4wODk0IDI0IDExLjUyVjEyLjQ4QzI0IDE3LjkxMDYgMjQgMjAuNjI1OSAyMi4zMTMgMjIuMzEzQzIwLjYyNTkgMjQgMTcuOTEwNiAyNCAxMi40OCAyNEgxMS41MkM2LjA4OTQgMjQgMy4zNzQxMyAyNCAxLjY4NzA3IDIyLjMxM0MwIDIwLjYyNTkgMCAxNy45MTA2IDAgMTIuNDhWMTEuNTJaJyBmaWxsPScjMDA3N0ZGJy8+PHBhdGggZD0nTTEyLjc3IDE3LjI5QzcuMyAxNy4yOSA0LjE4MDA1IDEzLjU0IDQuMDUwMDUgNy4zMDAwNUg2Ljc5MDA1QzYuODgwMDUgMTEuODggOC45IDEzLjgyIDEwLjUgMTQuMjJWNy4zMDAwNUgxMy4wODAxVjExLjI1QzE0LjY2MDEgMTEuMDggMTYuMzE5OSA5LjI4MDA1IDE2Ljg3OTkgNy4zMDAwNUgxOS40NTk5QzE5LjAyOTkgOS43NDAwNSAxNy4yMjk5IDExLjU0IDE1Ljk0OTkgMTIuMjhDMTcuMjI5OSAxMi44OCAxOS4yOCAxNC40NSAyMC4wNiAxNy4yOUgxNy4yMTk5QzE2LjYwOTkgMTUuMzkgMTUuMDkwMSAxMy45MiAxMy4wODAxIDEzLjcyVjE3LjI5SDEyLjc3WicgZmlsbD0nd2hpdGUnLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSdjbGlwMF8xMjYyXzc1NzknPjxyZWN0IHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgZmlsbD0nd2hpdGUnLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=") center center / contain no-repeat;
}

.vk__subscribe-btn:hover {
    opacity: 0.85;
}

@media (min-width: 768px) {
    .vk__subscribe {
        padding: 22px 42px;
        background: url('/wp-content/themes/casinohi/assets/images/vk-banner-pc.png') center center / cover no-repeat;
    }
    
    .vk__subscribe-content {
        max-width: 554px;
    }
    
    .vk__subscribe-title {
        font-size: 28px;
        line-height: 34px;
    }
    
    .vk__subscribe-description {
        font-size: 16px;
        line-height: 19px;
    }
    
    .vk__subscribe:after {
        width: 307px;
        height: 100%;
        position: absolute;
        right: 67px;
        background: url('/wp-content/themes/casinohi/assets/images/vk-banner-img-pc.png') center center / cover no-repeat;
    }
}