@layer components{:where(button,input[type=button],input[type=submit],.eskal-cta,a.eskal-cta,a[data-eskal-button=true]):not(:where([data-sidebar-scope=true] *)){display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid var(--color-accent-red);border-radius:var(--radius-sm);background:var(--color-accent-red);color:var(--color-surface);font-family:var(--font-sans,var(--font-work-sans));font-size:var(--text-sm);font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .12s ease}:where(button,input[type=button],input[type=submit],.eskal-cta,a.eskal-cta,a[data-eskal-button=true]):not(:where([data-sidebar-scope=true] *)):hover{background:var(--color-surface);color:var(--color-accent-red);border-color:var(--color-accent-red);box-shadow:var(--shadow-card)}:where(button,input[type=button],input[type=submit],.eskal-cta,a.eskal-cta,a[data-eskal-button=true]):not(:where([data-sidebar-scope=true] *)):active{transform:translateY(1px);box-shadow:none}:where(button,input[type=button],input[type=submit],.eskal-cta,a.eskal-cta,a[data-eskal-button=true]):not(:where([data-sidebar-scope=true] *)):focus-visible{outline:2px solid var(--color-accent-red);outline-offset:2px}:where(button,input[type=button],input[type=submit],.eskal-cta,a.eskal-cta,a[data-eskal-button=true]):not(:where([data-sidebar-scope=true] *)):disabled,:where(button,input[type=button],input[type=submit],.eskal-cta,a.eskal-cta,a[data-eskal-button=true]):not(:where([data-sidebar-scope=true] *))[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none}@media (prefers-reduced-motion:reduce){:where(button,input[type=button],input[type=submit],.eskal-cta,a.eskal-cta,a[data-eskal-button=true]):not(:where([data-sidebar-scope=true] *)){transition:none;transform:none}:where(button,input[type=button],input[type=submit],.eskal-cta,a.eskal-cta,a[data-eskal-button=true]):not(:where([data-sidebar-scope=true] *)):active{transform:none}}}