.appointment-card[data-v-3cc54778]{border:1px solid var(--color-border);box-shadow:0 3px 4px #0000001a;display:grid;gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:min-content auto auto;margin:2rem 0 0;padding:var(--app-padding);padding-top:calc(var(--app-padding) + 1.5rem);position:relative}.appointment-card .icon-wrapper[data-v-3cc54778]{left:calc(50% - 2rem);position:absolute;top:-2rem}.appointment-card h3[data-v-3cc54778]{font-size:1.5rem;grid-column:span 2;margin:0}.appointment-card p[data-v-3cc54778]{color:var(--color-text-secondary);grid-column:span 2;margin:0}.appointment-card .link[data-v-3cc54778]{grid-column:span 2;justify-self:center;margin-top:1rem;max-width:20rem;width:100%}@media screen and (max-width:768px){.appointment-card .link[data-v-3cc54778]{justify-self:end}}.icon-wrapper[data-v-3cc54778]{align-items:center;background-color:var(--color-app-background);border:1px solid var(--color-border);display:flex;justify-content:center;padding:.5rem}.icon-wrapper .icon[data-v-3cc54778]{color:var(--color-accent)}.appointment-cards[data-v-14d06fa2]{display:grid;gap:var(--app-padding);grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}@media screen and (max-width:768px){.appointment-cards[data-v-14d06fa2]{grid-template-columns:1fr}}