#main button.primary,#main button.secondary,#main button.danger,.attention{border:1px solid transparent;border-radius:var(--radius);padding:9px 18px;cursor:pointer;font:inherit;transition:filter .12s ease,box-shadow .12s ease}#main button.primary{background:var(--primary, var(--accent));color:var(--primary-text);border-color:transparent}#main button.secondary{background:transparent;color:color-mix(in srgb,var(--accent) 65%,var(--ink));border-color:var(--secondary-border, currentColor)}#main button.danger{background:var(--danger);color:var(--danger-text);border-color:transparent}.attention{background:var(--attention);color:var(--attention-text);font-style:italic;font-weight:700;text-decoration:none;display:inline-block}#main button.primary:hover,#main button.primary:focus,#main button.secondary:hover,#main button.secondary:focus,#main button.danger:hover,#main button.danger:focus,.attention:hover,.attention:focus{filter:var(--hover-lift)}#main button.secondary:hover,#main button.secondary:focus{filter:none;background:color-mix(in srgb,var(--accent) 12%,transparent)}#main button.primary:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary, var(--accent)) 40%,transparent)}#main button.danger:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 45%,transparent)}#main button.secondary:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--secondary-border, var(--btn-border)) 55%,transparent)}