.book-appointment{display:grid;grid-template-columns:minmax(0,1fr);gap:4rem}@media screen and (min-width:1000px){.book-appointment{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:start}}.book-appointment__title{margin:0 0 .75rem;font-family:var(--text-font-family);font-weight:300}.book-appointment__intro{margin:0 0 1.75rem;max-width:34rem;font-weight:300;font-size:15px}.book-appointment__cards{display:grid;gap:1.75rem}.appointment-card{width:100%;text-align:left;padding:1.75rem;border-radius:10px}.appointment-card--soon{border:1px solid rgb(var(--border-color));background:transparent}.appointment-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}button.appointment-card--available{appearance:none;-webkit-appearance:none;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;border:1px solid transparent;background:#f5f0e8;transition:background-color .2s ease,box-shadow .2s ease}button.appointment-card--available:hover{background:rgb(var(--text-color) / .07)}button.appointment-card--available:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.appointment-card__content{display:grid;gap:.5rem}.appointment-card__name{margin-bottom:.3rem;font-family:var(--text-font-family);font-weight:300}.appointment-card__eyebrow{margin:0;text-transform:uppercase;font-size:.7rem}.appointment-card__line{margin:0;font-size:.9rem;line-height:1.55}.appointment-card--soon .appointment-card__soon-text{margin:.5rem 0 0;font-size:.9rem}.appointment-card__badge{flex-shrink:0;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .6rem;border:1px solid rgb(var(--text-color));border-radius:999px;white-space:nowrap}.appointment-card__arrow{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgb(var(--text-color));display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.appointment-card__arrow svg{width:1.1rem;height:1.1rem}button.appointment-card--available:hover .appointment-card__arrow{background:rgb(var(--text-color));transform:translate(2px)}button.appointment-card--available:hover .appointment-card__arrow svg{color:rgb(var(--background))}.book-appointment .fieldset{gap:2rem}@media(max-width:699px){.appointment-form__submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/95/assets/section-book-appointment.css.map */