.button{background:var(--almost-white);border-radius:var(--rounded-corner-default);box-shadow:var(--subtle-shadow);color:var(--almost-black);cursor:pointer;padding:var(--space-squish-default);text-transform:uppercase;border:none;justify-content:center;align-items:center;width:100%;font-weight:700;line-height:1;display:flex;position:relative}.button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.button--success{background:var(--alert-success)}.button--warning{background:var(--alert-warning)}.button--error{background:var(--alert-error)}.button--notification:after{background:var(--alert-error-text);color:var(--almost-white);content:"!";height:var(--space-xlarge);right:var(--space-default);width:var(--space-xlarge);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.button svg{height:var(--space-xlarge);left:var(--space-default);width:var(--space-xlarge);position:absolute}