.calendar button.event{width:100%;border-top:0;border-right:0;border-bottom:0;text-align:left;font:inherit;cursor:pointer}.calendar button.event:focus-visible{outline:2px solid #159950;outline-offset:1px}#appointment-form>div:last-child span{flex:1}
.calendar[data-view="week"] .days{grid-template-columns:repeat(7,minmax(120px,1fr))}.calendar[data-view="week"] .days article{min-height:360px}.calendar[data-view="day"] .days{display:block}.calendar[data-view="day"] .days article{min-height:420px}.calendar[data-view="week"] .days article>small,.calendar[data-view="day"] .days article>small{display:block;margin-top:18px;color:#929a95;font-size:12px}.calendar[data-view="day"] button.event{max-width:560px;margin-top:8px;padding:10px 12px}@media(max-width:900px){.calendar[data-view="week"]{overflow-x:auto}.calendar[data-view="week"] .days{min-width:900px}}