.app-button{display:flex;justify-content:center;align-items:center;height:inherit!important;border:1px solid transparent;font-size:1em;white-space:nowrap;transition:all .3s;cursor:pointer}.app-button.button_small{height:38px!important;line-height:1}.app-button.button_small:not(.is-rounded){padding:4px 8px;border-radius:1em}.app-button.button_small.is-rounded{padding:4px}.app-button.button_middle{height:50px!important;line-height:1.1}.app-button.button_middle:not(.is-rounded){padding:8px 22px;border-radius:3.7em}.app-button.button_middle.is-rounded{width:38px!important;padding:8px}.app-button.button_large{height:60px!important;line-height:1.1;border-radius:3.7em}.app-button.button_large:not(.is-rounded){padding:calc(.5em - 1px) 2.15em;border-radius:3.7em}.app-button.button_large.is-rounded{padding:calc(.5em - 1px)}.app-button.is_elevated:focus{box-shadow:none}.app-button.is_primary,.app-button.is_delete,.app-button.is_green,.app-button.is_grey{border-color:transparent;color:var(--white)}.app-button.is_primary{background-color:var(--primary)}.app-button.is_delete{background-color:var(--red)}.app-button.is_green{background-color:var(--green)}.app-button.is_grey{background-color:var(--border-color)}.app-button.is_white{background-color:var(--white)}.app-button.is_primary:disabled,.app-button.is_primary.disabled,.app-button.is_primary.is_disabled,.app-button.is_green:disabled,.app-button.is_green.disabled,.app-button.is_green.is_disabled,.app-button.is_grey:disabled,.app-button.is_grey.disabled,.app-button.is_grey.is_disabled,.app-button.is_delete:disabled,.app-button.is_delete.disabled,.app-button.is_delete.is_disabled{background-color:var(--disabled);box-shadow:none}.app-button.is_outline{border-color:inherit}.app-button.is_outline.is_primary,.app-button.is_outline.is_green,.app-button.is_outline.is_grey,.app-button.is_outline.is_delete{background-color:transparent!important}.app-button.is_outline.is_primary{border-color:var(--primary);color:var(--primary)}.app-button.is_outline.is_green{border-color:var(--green);color:var(--green)}.app-button.is_outline.is_grey{border-color:var(--border-color);color:var(--border-color)}.app-button.is_outline.is_white{border-color:var(--white);color:var(--text)}.app-button.is_outline.is_delete{border-color:var(--red);color:var(--red)}.app-button.is-rounded,.app-button.is-rounded .w-full{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:2em}.app-button:disabled,.app-button.disabled,.app-button.is_disabled{pointer-events:none}