.hb-animated-button{--hb-btn-radius:100px;--hb-btn-color:var(--colorPrimary,#161514);--hb-btn-color-hover:var(--hb-btn-color);--hb-btn-on:#fff;--hb-btn-on-hover:#fff;--hb-btn-pad-y:12px;--hb-btn-pad-x:28px;--hb-btn-ease:cubic-bezier(.25, 1, .33, 1);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--hb-space-4);max-width:100%;padding:var(--hb-btn-pad-y) var(--hb-btn-pad-x);border-radius:var(--hb-btn-radius);white-space:nowrap;cursor:pointer;transition:background-color var(--hb-duration-slow), color var(--hb-duration-slow), box-shadow var(--hb-duration-slow);font-weight:500;line-height:1.6;text-decoration:none;display:inline-flex}@supports (color:oklch(from red l c h)){.hb-animated-button{--hb-btn-on:oklch(from var(--hb-btn-color) clamp(.2, (.72 - l) * 1000, 1) 0 0);--hb-btn-on-hover:oklch(from var(--hb-btn-color-hover) clamp(.2, (.72 - l) * 1000, 1) 0 0)}}.hb-animated-button.hb-animated-button--solid{background-color:var(--hb-btn-color);color:var(--hb-btn-text,var(--hb-btn-on))}.hb-animated-button.hb-animated-button--outline{box-shadow:inset 0 0 0 1.5px var(--hb-btn-color);color:var(--hb-btn-text,var(--hb-btn-color));background-color:#0000}.hb-animated-button.hb-animated-button--glass{--hb-btn-glass-opacity:20%;--hb-btn-glass-blur:12px;background-color:color-mix(in srgb, var(--hb-btn-color) var(--hb-btn-glass-opacity), transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hb-btn-color) 30%, transparent);color:var(--hb-btn-text,var(--hb-btn-color));-webkit-backdrop-filter:blur(var(--hb-btn-glass-blur));backdrop-filter:blur(var(--hb-btn-glass-blur))}.hb-animated-button--text{--hb-btn-color:currentColor;line-height:1.25;position:relative}.hb-animated-button.hb-animated-button--text{--hb-btn-pad-y:0px;--hb-btn-pad-x:0px;--hb-btn-inset:0px;color:var(--hb-btn-text,var(--hb-btn-color));background-color:#0000;gap:.25em}.hb-animated-button.hb-animated-button:hover,.hb-animated-button.hb-animated-button:focus-visible{background-color:var(--hb-btn-color-hover);box-shadow:inset 0 0 0 1.5px var(--hb-btn-color-hover);color:var(--hb-btn-text-hover,var(--hb-btn-on-hover))}.hb-animated-button.hb-animated-button--text:hover,.hb-animated-button.hb-animated-button--text:focus-visible{box-shadow:none;color:var(--hb-btn-text-hover,var(--hb-btn-color-hover));background-color:#0000}.hb-animated-button--text .hb-animated-button__circle{width:.8em;height:.8em}.hb-animated-button--text.hb-animated-button--arrow-circle:hover .hb-animated-button__circle,.hb-animated-button--text.hb-animated-button--arrow-circle:focus-visible .hb-animated-button__circle{background-color:var(--hb-btn-circle-hover,var(--hb-btn-text-hover,var(--hb-btn-color-hover)));color:var(--hb-btn-circle-arrow-hover,var(--hb-btn-on-hover))}.hb-animated-button--underline-hover:after,.hb-animated-button--underline-always:after{content:"";height:var(--hb-btn-underline,max(1px, .03em));transition:transform var(--hb-duration-slower) var(--hb-btn-ease);background-color:currentColor;border-radius:1em;position:absolute;bottom:-.08em;left:0;right:0}.hb-animated-button--arrow-circle.hb-animated-button--text:after{right:1.05em}.hb-animated-button--arrow-plus.hb-animated-button--text:after{right:.95em}.hb-animated-button--arrow-line.hb-animated-button--text:after{left:calc(31px + .25em)}.hb-animated-button--underline-hover:after{transform-origin:100%;transform:scaleX(0)}.hb-animated-button--underline-hover:hover:after,.hb-animated-button--underline-hover:focus-visible:after{transform-origin:0;transform:scaleX(1)}.hb-animated-button--underline-always:after{transform-origin:0}.hb-animated-button--underline-always:hover:after,.hb-animated-button--underline-always:focus-visible:after{transform-origin:100%;transform:scaleX(0)}.hb-animated-button--xsmall{--hb-btn-pad-y:6px;--hb-btn-pad-x:16px;gap:var(--hb-space-2_5);font-size:var(--hb-text-body)}.hb-animated-button--small{--hb-btn-pad-y:8px;--hb-btn-pad-x:22px;font-size:var(--hb-text-base)}.hb-animated-button--medium{font-size:var(--hb-text-base)}.hb-animated-button--large{--hb-btn-pad-y:15px;--hb-btn-pad-x:36px;font-size:var(--hb-text-lg)}.hb-animated-button--full{width:100%;display:flex}.hb-animated-button--full.hb-animated-button--arrow-circle,.hb-animated-button--full.hb-animated-button--arrow-plus{justify-content:space-between}.hb-animated-button__line-arrow{width:25px;height:10px;margin-right:var(--hb-space-1_5);flex:none;position:relative}.hb-animated-button__line{width:25px;height:1px;margin-top:calc(var(--hb-space-px) * -1);transform-origin:0;transition:transform var(--hb-duration-slower) var(--hb-btn-ease);background-color:currentColor;position:absolute;top:50%;left:0}.hb-animated-button__line-arrow svg{width:6px;height:10px;transition:transform var(--hb-duration-slower) var(--hb-btn-ease);position:absolute;top:0;left:25px;overflow:visible;transform:translate(-3px)}.hb-animated-button__line-arrow polyline{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:square;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke;transition:stroke-dashoffset var(--hb-duration-base) var(--hb-ease-standard)}.hb-animated-button--arrow-line .hb-animated-button__label{transition:transform var(--hb-duration-slower) var(--hb-btn-ease)}.hb-animated-button--arrow-line:hover .hb-animated-button__line,.hb-animated-button--arrow-line:focus-visible .hb-animated-button__line{transform:scaleX(1.2)}.hb-animated-button--arrow-line:hover .hb-animated-button__line-arrow svg,.hb-animated-button--arrow-line:focus-visible .hb-animated-button__line-arrow svg{transform:translate(0)}.hb-animated-button--arrow-line:hover polyline,.hb-animated-button--arrow-line:focus-visible polyline{stroke-dashoffset:0;transition:stroke-dashoffset var(--hb-duration-slow) var(--hb-ease-standard) var(--hb-duration-fast)}.hb-animated-button--arrow-line:hover .hb-animated-button__label,.hb-animated-button--arrow-line:focus-visible .hb-animated-button__label{transform:translate(6px)}.hb-animated-button--arrow-circle{--hb-btn-inset:5px;padding:var(--hb-btn-inset) var(--hb-btn-inset) var(--hb-btn-inset) var(--hb-btn-pad-x)}.hb-animated-button__circle{width:calc(1.6em + 2 * (var(--hb-btn-pad-y) - var(--hb-btn-inset)));height:calc(1.6em + 2 * (var(--hb-btn-pad-y) - var(--hb-btn-inset)));background-color:var(--hb-btn-circle,var(--hb-btn-text,var(--hb-btn-on)));color:var(--hb-btn-circle-arrow,var(--hb-btn-color));transition:background-color var(--hb-duration-slow), color var(--hb-duration-slow);border-radius:50%;flex:none;display:block;position:relative;overflow:hidden}.hb-animated-button__circle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:42%;height:42%;transition:transform var(--hb-duration-slower) var(--hb-btn-ease);margin:-21% 0 0 -21%;position:absolute;top:50%;left:50%}.hb-animated-button__circle svg+svg{transform:translate(-190%,190%)}.hb-animated-button--outline .hb-animated-button__circle,.hb-animated-button--glass .hb-animated-button__circle,.hb-animated-button--text .hb-animated-button__circle{background-color:var(--hb-btn-circle,var(--hb-btn-color));color:var(--hb-btn-circle-arrow,var(--hb-btn-on))}.hb-animated-button--arrow-circle:hover .hb-animated-button__circle,.hb-animated-button--arrow-circle:focus-visible .hb-animated-button__circle{background-color:var(--hb-btn-circle-hover,var(--hb-btn-text-hover,var(--hb-btn-on-hover)));color:var(--hb-btn-circle-arrow-hover,var(--hb-btn-color-hover))}.hb-animated-button--arrow-circle:hover .hb-animated-button__circle svg,.hb-animated-button--arrow-circle:focus-visible .hb-animated-button__circle svg{transform:translate(190%,-190%)}.hb-animated-button--arrow-circle:hover .hb-animated-button__circle svg+svg,.hb-animated-button--arrow-circle:focus-visible .hb-animated-button__circle svg+svg{transform:translate(0)}.hb-animated-button__plus{width:max(.7em,18px);height:max(.7em,18px);transition:transform var(--hb-duration-slower) var(--hb-btn-ease);flex:none;display:block}.hb-animated-button__plus svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;vector-effect:non-scaling-stroke;width:100%;height:100%;display:block;overflow:visible}.hb-animated-button--arrow-plus:hover .hb-animated-button__plus,.hb-animated-button--arrow-plus:focus-visible .hb-animated-button__plus{transform:rotate(360deg)}.hb-animated-button__label{display:block;overflow:hidden}.hb-animated-button__text{display:block;position:relative}.hb-animated-button--roll .hb-animated-button__text{transition:transform var(--hb-duration-slower) var(--hb-ease-out)}.hb-animated-button--roll .hb-animated-button__text:after{content:attr(data-text);text-align:center;position:absolute;top:120%;left:0;right:0}.hb-animated-button--roll:hover .hb-animated-button__text,.hb-animated-button--roll:focus-visible .hb-animated-button__text{transform:translateY(-120%)}.hb-animated-button-wrap--left{text-align:left}.hb-animated-button-wrap--center{text-align:center}.hb-animated-button-wrap--right{text-align:right}@media (prefers-reduced-motion:reduce){.hb-animated-button--roll .hb-animated-button__text,.hb-animated-button__label,.hb-animated-button__line,.hb-animated-button__line-arrow svg,.hb-animated-button__circle,.hb-animated-button__circle svg,.hb-animated-button__plus,.hb-animated-button:after{transition:none!important}}