.CelestialButton--tone-danger .button{--f7-button-text-color:var(--color-text-danger);--f7-button-pressed-text-color:var(--color-text-danger);--f7-button-border-color:var(--color-danger);--f7-button-outline-border-color:var(--color-danger);--f7-button-fill-bg-color:var(--color-danger);--f7-button-fill-text-color:var(--color-text-on-accent);--f7-button-fill-pressed-bg-color:color-mix(in srgb, var(--color-danger) 86%, var(--color-text-on-accent));--f7-button-tonal-bg-color:var(--color-status-danger-weak);--f7-button-tonal-text-color:var(--color-text-danger)}.LemonButton--tone-danger.LemonButton--primary{--lemon-hover-bg:color-mix(in srgb, var(--color-text-on-accent) 20%, transparent)}.LemonButton--tone-danger.LemonButton--secondary,.LemonButton--tone-danger.LemonButton--tertiary{--lemon-hover-bg:var(--color-status-danger-weak)}