.appointment-options{display:grid;gap:10px;margin:22px 0 18px}
.appointment-option{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:84px;padding:15px 16px;border:1px solid #17191d;color:#17191d;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s}
.appointment-option:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(23,25,29,.12)}
.appointment-option:focus-visible{outline:3px solid var(--health);outline-offset:4px}
.appointment-option-index{align-self:start;padding-top:3px;color:#697078;font:700 .66rem/1 "DM Sans",sans-serif;letter-spacing:.12em}
.appointment-option-copy{display:grid;gap:3px}
.appointment-option-copy strong{font:750 1rem/1.2 "Manrope",sans-serif;letter-spacing:-.025em}
.appointment-option-copy small{color:#626971;font-size:.72rem;line-height:1.35}
.appointment-option .icon-arrow{width:18px;height:18px}
.appointment-option-whatsapp{background:#fff}
.appointment-option-whatsapp:hover{background:#f9fafb}
.appointment-option-online{position:relative;grid-template-columns:34px minmax(0,1fr) auto 18px;overflow:hidden;border-color:#17191d;background:#17191d;color:#fff}
.appointment-option-online:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--yellow)}
.appointment-option-online .appointment-option-index{color:var(--yellow)}
.appointment-option-online .appointment-option-copy small{color:#b9bec5}
.appointment-option-kicker{color:var(--yellow);font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.appointment-option-price{font:800 1.15rem/1 "Manrope",sans-serif;white-space:nowrap}
.appointment-note{display:block;color:#7a303b;line-height:1.45}
@media(max-width:430px){.appointment-option{grid-template-columns:27px minmax(0,1fr) auto;gap:10px;padding:14px 12px}.appointment-option-online{grid-template-columns:27px minmax(0,1fr) 18px}.appointment-option-online .appointment-option-price{grid-column:2;justify-self:start;margin-top:4px}.appointment-option-online .icon-arrow{grid-column:3;grid-row:1 / span 2}.appointment-option-copy strong{font-size:.93rem}}
@media(prefers-reduced-motion:reduce){.appointment-option{transition:none}.appointment-option:hover{transform:none}}