body.blue-skin .professional-card {
    position: relative;
    background: linear-gradient(180deg, #f3f7ff 0, #fff 155px);
    border: 1px solid #dce5f1;
    border-radius: 20px !important;
    padding: 30px 24px 24px !important;
    box-shadow: 0 6px 24px rgba(23, 56, 99, .09);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.blue-skin .professional-card:hover,
body.blue-skin .professional-card:focus-within {
    transform: translateY(-5px);
    border-color: #9dbff1;
    box-shadow: 0 14px 32px rgba(23, 56, 99, .15);
}
.professional-card > div:first-child {
    padding: 5px;
    border: 1px solid #dce7f6;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 14px #254d7d14;
}
.professional-card > .text-primary {
    align-self: center;
    padding: 5px 11px;
    border-radius: 20px;
    background: #eaf2ff;
    line-height: 1.5;
}
.professional-card h2 { margin-top: 6px; margin-bottom: 8px; }
.professional-card > p:last-of-type {
    align-self: center;
    padding: 7px 13px;
    border: 1px solid #e0eaf6;
    border-radius: 8px;
    background: #f6f9fd;
    color: #31577f;
    margin-bottom: 20px;
}
.professional-card > .btn { width: 100%; }
@media (prefers-reduced-motion: reduce) {
    body.blue-skin .professional-card { transition: none; }
    body.blue-skin .professional-card:hover,
    body.blue-skin .professional-card:focus-within { transform: none; }
}