@layer components{.hgs-btn{--btn-base-color:var(--hg-color-high);--btn-base-on:var(--hg-surface)}.hgs-btn[data-intent="green"]{--btn-base-color:oklch(67.71% 0.169 141.29);--btn-base-on:var(--hg-surface)}.hgs-btn[data-intent="orange"]{--btn-base-color:oklch(77.92% 0.161 71.26);--btn-base-on:var(--hg-surface)}.hgs-btn[data-intent="blue"]{--btn-base-color:oklch(74.82% 0.098 219.74);--btn-base-on:var(--hg-surface)}.hgs-btn[data-intent="gradient"]{--btn-base-color:oklch(74.24% 0.113 234.34);--btn-base-on:var(--hg-surface)}.hgs-btn{display:inline-flex;position:relative;justify-content:center;align-items:center;text-align:center;white-space:nowrap;width:fit-content;cursor:pointer;text-decoration:none;border:none;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1),background-image 0.5s ease;background-color:var(--local-bg,var(--btn-base-color));color:var(--local-color,var(--btn-base-on));border:var(--local-border,none);box-shadow:var(--local-shadow,none);font-size:var(--local-fz,var(--hg-size-std));border-radius:var(--local-radius) var(--local-radius) 0 var(--local-radius);padding:var(--local-pad-y,0.75em) var(--local-pad-x,1.25em);min-height:var(--local-height,auto);font-weight:var(--local-weight,500);backdrop-filter:var(--local-blur,none);-webkit-backdrop-filter:var(--local-blur,none)}.hgs-btn:hover{background-color:var(--local-bg-hover,var(--local-bg));color:var(--local-color-hover,var(--local-color));transform:translateY(-2px) scale(1.01);box-shadow:0 10px 20px -8px color-mix(in oklch,var(--btn-base-color) 60%,transparent);z-index:2}.hgs-btn:focus-visible{outline:2px solid var(--btn-base-color);outline-offset:3px}.hgs-btn:active{transform:translateY(1px) scale(0.96);box-shadow:0 2px 5px -2px color-mix(in oklch,var(--btn-base-color) 40%,transparent);transition:all 0.1s ease}.hgs-btn:disabled,.hgs-btn[aria-disabled="true"]{opacity:0.5;cursor:not-allowed;pointer-events:none;filter:grayscale(1);transform:none;box-shadow:none}.hgs-btn-content{display:inline-flex;align-items:center;gap:var(--hg-gap-icon,0.5em);transition:opacity 0.2s ease}.hgs-btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.hgs-btn-icon svg{width:1.25em;height:1.25em;fill:currentColor;transition:transform 0.2s ease}.hgs-btn:hover .hgs-btn-icon svg{transform:translateX(2px)}.hgs-btn[data-loading="true"]{cursor:wait;pointer-events:none}.hgs-btn[data-loading="true"] .hgs-btn-content{opacity:0}.hgs-btn[data-loading="true"] .hgs-btn-loader{display:block}.hgs-btn-loader{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.5em;height:1.5em;color:inherit}.hgs-btn-loader svg{width:100%;height:100%;animation:hgs-spin 1s linear infinite}@keyframes hgs-spin{100%{transform:rotate(360deg)}}.hgs-btn[data-preset="preset-1"]{--local-bg:var(--btn-base-color);--local-color:var(--btn-base-on);--local-radius:var(--hg-rad-low);--local-pad-y:0.75em;--local-pad-x:1.5em;--local-fz:var(--hg-size-std);--local-bg-hover:color-mix(in oklch,var(--btn-base-color) 85%,transparent)}.hgs-btn[data-preset="preset-1"][data-intent="gradient"]{background-image:linear-gradient(to right in oklch,var(--color-izq),var(--color-der))}.hgs-btn[data-preset="preset-1"][data-intent="gradient"]:hover{background-image:linear-gradient(to right in oklch,var(--color-izq2),var(--color-der2))}.hgs-btn[data-preset="preset-2"]{--local-bg:transparent;--local-color:var(--btn-base-color);--local-border:1px solid var(--btn-base-color);--local-radius:var(--hg-rad-low);--local-pad-y:0.75em;--local-pad-x:1.5em;--local-fz:var(--hg-size-std);--local-bg-hover:color-mix(in oklch,var(--btn-base-color) 10%,transparent)}.hgs-btn[data-preset="preset-2"][data-intent="gradient"]{--local-border:1px solid transparent;background-image:linear-gradient(to right in oklch,var(--color-izq),var(--color-der));background-origin:border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.hgs-btn[data-preset="preset-2"][data-intent="gradient"]:hover{background-image:linear-gradient(to right in oklch,var(--color-izq2),var(--color-der2))}.hgs-btn[data-preset="preset-2"][data-intent="gradient"]::before{content:attr(aria-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right in oklch,var(--color-izq),var(--color-der));-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:1;pointer-events:none}.hgs-btn[data-preset="preset-3"]{--local-bg:color-mix(in oklch,var(--btn-base-color) 15%,transparent);--local-blur:blur(12px);--local-color:var(--btn-base-color);--local-border:1px solid color-mix(in oklch,var(--btn-base-color) 30%,transparent);--local-radius:var(--hg-rad-std);--local-pad-y:0.85em;--local-pad-x:1.75em;--local-fz:var(--hg-size-std);--local-bg-hover:color-mix(in oklch,var(--btn-base-color) 25%,transparent)}.hgs-btn[data-preset="preset-3"][data-intent="gradient"]{--local-bg:color-mix(in oklch,var(--btn-base-color) 10%,transparent)}}