.bricks-button{--rr-btn-bg:var(--primary);--rr-btn-bg-hover:var(--primary-d-1,var(--primary));--rr-btn-fg:var(--light);--rr-ring-a:var(--primary);--rr-ring-b:var(--tertiary,var(--secondary));--rr-btn-bw:1.5px;--rr-ring-opacity:.18;--rr-ring-opacity-hover:.75;--rr-spin-duration:3.5s;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);border:1px solid color-mix(in oklab,var(--rr-btn-bg),transparent 65%);background:var(--rr-btn-bg);color:var(--rr-btn-fg);text-decoration:none;box-shadow:0 1px 0 rgb(0 0 0 / .15);isolation:isolate;transition:transform .15s ease,box-shadow .15s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.bricks-button.bricks-background-primary{--rr-btn-bg:var(--primary);--rr-btn-bg-hover:var(--primary-d-1,var(--primary));--rr-btn-fg:var(--light);--rr-ring-a:var(--primary);--rr-ring-b:var(--tertiary,var(--secondary))}.bricks-button.bricks-background-secondary{--rr-btn-bg:var(--secondary);--rr-btn-bg-hover:var(--secondary-d-1,var(--secondary));--rr-btn-fg:var(--dark);--rr-ring-a:var(--secondary);--rr-ring-b:var(--primary)}.bricks-button.bricks-background-dark{--rr-btn-bg:var(--base);--rr-btn-bg-hover:var(--base-d-1,var(--base));--rr-btn-fg:var(--dark);--rr-ring-a:var(--base);--rr-ring-b:var(--primary)}.bricks-button.bricks-background-light{--rr-btn-bg:var(--light);--rr-btn-bg-hover:color-mix(in oklab,var(--light),var(--dark) 10%);--rr-btn-fg:var(--dark);--rr-ring-a:var(--light);--rr-ring-b:var(--primary)}.bricks-button.outline{background:#fff0;box-shadow:none;--rr-btn-bg:currentColor;--rr-btn-bg-hover:currentColor;--rr-btn-fg:currentColor;border-color:color-mix(in oklab,currentColor,transparent 35%)}.bricks-button.outline:hover{background:color-mix(in oklab,currentColor,transparent 88%);transform:translateY(-1px)}.bricks-button.circle{border-radius:var(--radius-full);padding-inline:calc(var(--space-m) * 1.15)}.bricks-button.bricks-color-primary{color:var(--primary);--rr-ring-a:var(--primary)}.bricks-button.bricks-color-secondary{color:var(--secondary);--rr-ring-a:var(--secondary);--rr-ring-b:var(--primary)}.bricks-button.bricks-color-dark{color:var(--base);--rr-ring-a:var(--base);--rr-ring-b:var(--primary)}.bricks-button.bricks-color-light{color:var(--light);--rr-ring-a:var(--light);--rr-ring-b:var(--primary)}.bricks-button:hover{background:var(--rr-btn-bg-hover);transform:translateY(-1px);box-shadow:0 10px 26px rgb(0 0 0 / .18)}.bricks-button:active{transform:translateY(0)}.bricks-button::before{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;opacity:0;transform:translateY(2px);transition:opacity .25s ease,transform .25s ease;background:linear-gradient(135deg,color-mix(in oklab,var(--light),transparent 82%) 0,transparent 55%)}.bricks-button:hover::before{opacity:1;transform:translateY(0)}@supports (backdrop-filter:blur(1px)){.bricks-button:hover{backdrop-filter:blur(2px) saturate(1.05)}}.bricks-button::after{content:"";position:absolute;inset:calc(-1 * var(--rr-btn-bw));border-radius:inherit;padding:var(--rr-btn-bw);background:conic-gradient(from var(--_angle,0deg),transparent 0turn,color-mix(in oklab,var(--rr-ring-a),transparent 30%) .25turn,color-mix(in oklab,var(--rr-ring-b),transparent 30%) .5turn,color-mix(in oklab,var(--rr-ring-a),transparent 30%) .75turn,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--rr-ring-opacity);transition:opacity .25s ease;z-index:-1}.bricks-button:hover::after,.bricks-button:focus-visible::after{opacity:var(--rr-ring-opacity-hover);animation:rr-btn-spin var(--rr-spin-duration) linear infinite}.bricks-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}html.cf-theme-dark .bricks-button{--rr-ring-opacity:.25;--rr-ring-opacity-hover:.6}@media (prefers-reduced-motion:reduce){.bricks-button{transition:none}.bricks-button::after{animation:none!important}}@keyframes rr-btn-spin{to{--_angle:360deg}}