/* COMPONENT_BUTTONS_START */
.button,
button,
input[type="submit"],
a.button{
    border-radius:14px;
    font-weight:750;
}

.button:not(.secondary):not(.danger),
button:not(.secondary):not(.danger),
a.button:not(.secondary):not(.danger){
    background:var(--app-accent);
    color:var(--app-accent-text);
    border-color:color-mix(in srgb,var(--app-accent-dark) 22%,transparent);
}

.button.secondary,
button.secondary,
a.button.secondary{
    background:var(--surface-primary,#fff);
    color:var(--text-primary,#111);
    border-color:var(--border-soft,rgba(0,0,0,.08));
}

.button.danger,
button.danger,
a.button.danger{
    background:#fff7f6;
    color:#9b2b31;
    border-color:#efd8d8;
}
/* COMPONENT_BUTTONS_END */