a.service-online-section {
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 24px 0;
    padding: 24px;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(16, 17, 20, .1), rgba(16, 17, 20, .45)), url('/public/user/img/online-consultation/hero-background-v1.png') center / cover no-repeat, #101114;
}
.service-online-section-copy { min-width: 0; }
.service-online-section h3 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    color: #fff;
}
.service-online-section p {
    margin: 0 0 18px;
    font-size: 14px;
    line-height: 1.6;
    color: #B0B0B0;
}
.service-online-section .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    min-height: 44px;
    white-space: normal;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
.service-online-section:focus-visible { outline: 2px solid #C8A254; outline-offset: 4px; }
@media (hover: hover) {
    a.service-online-section:hover .btn { filter: brightness(1.1); }
}
@media (max-width: 500px) {
    a.service-online-section { padding: 20px; }
    .service-online-section .btn { width: 100%; }
}