.back-button{white-space:nowrap;border-radius:.25rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.back-button--primary,.back-button--dark{color:var(--color-text);border-color:var(--color-border);background:var(--color-hover-bg)}.back-button--primary:hover,.back-button--dark:hover{background-color:color-mix(in srgb, var(--color-hover-bg) 84%, var(--color-text) 16%);color:var(--color-text);border-color:color-mix(in srgb, var(--color-border) 80%, var(--color-text) 20%);box-shadow:0 2px 4px color-mix(in srgb, var(--color-border) 25%, transparent)}.back-button--secondary,.back-button--light{color:var(--button-surface-text,var(--color-text));border-color:var(--button-surface-border,var(--color-border));background:var(--color-hover-bg)}.back-button--secondary:hover,.back-button--light:hover{background-color:color-mix(in srgb, var(--color-hover-bg) 84%, var(--color-text) 16%);color:var(--color-text);border-color:color-mix(in srgb, var(--color-border) 80%, var(--color-text) 20%)}.back-button--link{color:var(--button-accent-bg,var(--color-accent));border:none;padding:.375rem 0}.back-button--link:hover{color:var(--button-accent-hover-bg,var(--color-accent-hover));filter:brightness(.85);background:0 0;text-decoration:underline}.back-button__icon{flex-shrink:0}.back-button__label{display:inline}@media (max-width:576px){.back-button{padding:.25rem .5rem;font-size:.8125rem}.back-button__label{display:none}}@media (min-width:768px){.back-button__label{display:inline}}.back-button--icon{border-radius:8px;justify-content:center;width:40px;height:40px;padding:0}.back-button--labeled{border-radius:10px;gap:.5rem;padding:6px 12px}.back-button--page{margin-bottom:12px}.back-button--icon:hover,.back-button--icon:focus{box-shadow:0 2px 6px #0000001f}.back-button--icon:focus{outline:3px solid color-mix(in srgb, var(--button-accent-bg,var(--color-accent)) 12%, transparent);outline-offset:2px}