button.button{font-size:1.1875rem;line-height:1.5rem;font-family:Roboto,sans-serif;display:inline-flex;gap:4px;align-items:center;justify-content:center;background-color:var(--surface-brandHigh);transition:all .2s ease-in-out;padding:10px 32px;position:relative;box-sizing:border-box;border-radius:100px;width:auto;text-align:center;min-height:56px;color:var(--text-whiteStatic);border:0;cursor:pointer;font-weight:700;isolation:isolate;text-decoration:none}
button.button::before{content:'';position:absolute;inset:0;border-radius:inherit;background:black;opacity:0;transition:opacity .25s ease-in-out;pointer-events:none;z-index:-1}
button.button:hover::before{opacity:.102}
button.button:active::before{opacity:.239}
button.button[disabled]{color:var(--text-disabled);background:var(--surface-disabled);cursor:auto}
button.button[disabled]::before{display:none}
button.button.turqouise{color:var(--text-interactive);background-color:transparent;border:2px solid var(--line-focus)}
button.button.turqouise[disabled]{color:var(--text-disabled);background:var(--surface-disabled);cursor:auto;border:0}
button.button.turqouise::before{background:var(--componentSpecific-buttonOpacityOverlay)}
button.button:focus-visible{outline:2px solid var(--line-tabFocus);outline-offset:2px}
.general-icon-button:hover{background:var(--overlay-regularLow)}
.general-icon-button:active{background:var(--overlay-regularHigh)}