.main-btn{align-items:center;background:var(--soft-yellow);border:3px solid var(--soft-yellow);border-radius:1rem;box-shadow:var(--box-shadow);display:inline-flex;gap:.625rem;justify-content:center;padding:.5rem 1.5rem;position:relative;width:-moz-max-content;width:max-content}.main-btn,.main-btn label{color:var(--dark-blue);font-size:var(--font-size-p);font-style:normal;font-weight:700;line-height:normal;transition:all .2s ease-in-out}.main-btn label{pointer-events:none}.main-btn:active{background:var(--white);border-color:var(--white)}.main-btn:active label{text-decoration:none!important}.main-btn.inverted{background:var(--dark-blue);border-color:var(--dark-blue)}.main-btn.inverted label{color:var(--soft-yellow)}.main-btn.inverted:active{background:var(--soft-yellow);border-color:var(--soft-yellow)}.main-btn.inverted:active label{color:var(--dark-blue)}.main-btn.patient{background:var(--soft-blue);border-color:var(--soft-blue)}.main-btn.patient:active{background:var(--soft-yellow);border-color:var(--soft-yellow)}.main-btn.patient.inverted{background:var(--dark-blue);border-color:var(--dark-blue)}.main-btn.patient.inverted label{color:var(--soft-blue)}.main-btn.patient.inverted:active{background:var(--soft-yellow);border-color:var(--soft-yellow)}.main-btn.patient.inverted:active label{color:var(--dark-blue)}.main-btn.doctor{background:var(--soft-violet);border-color:var(--soft-violet)}.main-btn.doctor:active{background:var(--soft-yellow);border-color:var(--soft-yellow)}.main-btn.doctor.inverted{background:var(--dark-blue);border-color:var(--dark-blue)}.main-btn.doctor.inverted label{color:var(--soft-violet)}.main-btn.doctor.inverted:active{background:var(--soft-yellow);border-color:var(--soft-yellow)}.main-btn.doctor.inverted:active label{color:var(--dark-blue)}@media (hover:hover) and (pointer:fine){.main-btn:hover{border-color:var(--dark-blue);cursor:pointer}.main-btn.inverted:hover{border-color:var(--soft-yellow)}.main-btn.patient:hover{background:var(--dark-blue);color:var(--soft-blue)}.main-btn.patient:hover label{color:var(--soft-blue)}.main-btn.patient.inverted:hover{border-color:var(--soft-blue)}.main-btn.doctor:hover{background:var(--dark-blue)}.main-btn.doctor:hover,.main-btn.doctor:hover label{color:var(--soft-violet)}.main-btn.doctor.inverted:hover,.next-btn .main-btn.doctor:hover{border-color:var(--soft-violet)}}