@layer wertigo.components{.UiLink{font-size:var(--ds-text-lg)}.UiLink.brand{border-radius:var(--ds-radius-lg);min-height:42px;font-weight:var(--ds-weight-bold);background:linear-gradient(135deg,var(--ds-brand) 0,var(--ds-brand-hover) 100%);color:var(--ds-surface);border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s,filter .2s;display:inline-flex}.UiLink.brand:hover{filter:brightness(.94)}.UiLink.secondary{border-radius:var(--ds-radius-lg);font-weight:var(--ds-weight-bold);background:var(--ds-surface);min-height:42px;color:var(--ds-ink);border:1px solid #11182714;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.UiLink.secondary:hover{background:var(--ds-brand-soft);border-color:#ea555538}.UiLink.brand-arrow{color:var(--ds-brand);font-weight:var(--ds-weight-bold);flex-shrink:0;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.UiLink.brand-arrow:hover{opacity:.8}.UiLink.brand-arrow:hover .UiLink__arrow{transform:translate(2px)}.UiLink.brand-arrow .UiLink__arrow{width:20px;height:20px;transition:transform .2s}}