.button{padding:12px 32px;border-radius:30px;background-color:var(--yellow);border:1px solid var(--yellow);box-shadow:none;transition:border-color .2s,box-shadow .2s,color .2s,background-color .2s;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer;color:var(--black);display:inline-flex}.button:hover{border-color:var(--white);box-shadow:0 0 15px #ffe65f}.button:active{background-color:var(--yellow-dark);box-shadow:none;border-color:var(--yellow-dark)}.button:disabled{background-color:var(--gray-dark);border-color:var(--gray-dark);color:var(--white);box-shadow:none;cursor:not-allowed}.button--outline{background-color:var(--white);border:1px solid var(--blue);color:var(--blue);font-size:18px;line-height:1.1;padding:14px 24px;border-width:1.5px}.button--outline:hover{background-color:var(--blue);color:var(--white);box-shadow:none;border-color:var(--blue)}.button--outline:active{background-color:var(--blue-dark);border-color:var(--blue-dark);color:var(--white);box-shadow:none}.button--outline:disabled{background-color:var(--white);border-color:var(--gray-dark);color:var(--gray-dark);box-shadow:none;cursor:not-allowed}.button-icon{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:color .2s,background-color .2s;cursor:pointer;background-color:var(--blue);color:var(--white)}.button-icon:hover,.button-icon:active{background-color:var(--blue-dark)}.button-icon:disabled{background-color:transparent!important;color:var(--gray-dark)!important;border-color:var(--gray-dark);cursor:not-allowed}.button-icon--outline{border:1.5px solid var(--blue);color:var(--blue);background-color:transparent}.button-icon--outline:hover{background-color:var(--blue);color:var(--white)}.button-icon--outline:active{color:var(--white)}