.btn{align-items:center;cursor:pointer;display:inline-flex;gap:var(--spacing-s);justify-self:start;line-height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn svg{height:1em;width:1em}.btn--cross,.btn--primary,.btn--secondary{align-items:center;cursor:pointer;justify-content:space-between;min-width:8em;padding-bottom:.2em;padding-top:.2em;position:relative;transition:all .3s;z-index:4}.btn--cross svg,.btn--primary svg,.btn--secondary svg{transition:opacity .3s ease,transform .3s ease}.btn--cross svg path,.btn--primary svg path,.btn--secondary svg path{stroke:currentColor}.btn--cross.disabled,.btn--primary.disabled,.btn--secondary.disabled{opacity:.3;pointer-events:none}.btn--cross:after,.btn--primary:after,.btn--secondary:after{background-color:currentColor;content:"";height:1px;left:0;position:absolute;top:100%;transform-origin:100% 50%;transition:opacity .2s ease,transform .2s ease;width:100%}.active .btn--cross .hover-wrapper svg:first-child,.active .btn--primary .hover-wrapper svg:first-child,.active .btn--secondary .hover-wrapper svg:first-child,.btn--cross:hover .hover-wrapper svg:first-child,.btn--primary:hover .hover-wrapper svg:first-child,.btn--secondary:hover .hover-wrapper svg:first-child,.fh-card:hover .btn--cross .hover-wrapper svg:first-child,.fh-card:hover .btn--primary .hover-wrapper svg:first-child,.fh-card:hover .btn--secondary .hover-wrapper svg:first-child{--tw-translate-x:100%;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active .btn--cross .hover-wrapper svg:nth-child(2),.active .btn--primary .hover-wrapper svg:nth-child(2),.active .btn--secondary .hover-wrapper svg:nth-child(2),.btn--cross:hover .hover-wrapper svg:nth-child(2),.btn--primary:hover .hover-wrapper svg:nth-child(2),.btn--secondary:hover .hover-wrapper svg:nth-child(2),.fh-card:hover .btn--cross .hover-wrapper svg:nth-child(2),.fh-card:hover .btn--primary .hover-wrapper svg:nth-child(2),.fh-card:hover .btn--secondary .hover-wrapper svg:nth-child(2){--tw-translate-x:0px;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active .btn--cross:after,.active .btn--primary:after,.active .btn--secondary:after,.btn--cross:hover:after,.btn--primary:hover:after,.btn--secondary:hover:after,.fh-card:hover .btn--cross:after,.fh-card:hover .btn--primary:after,.fh-card:hover .btn--secondary:after{opacity:.4;transform:scaleX(0)}.btn--cross.btn--cross:hover .hover-wrapper svg,.btn--primary.btn--cross:hover .hover-wrapper svg,.btn--secondary.btn--cross:hover .hover-wrapper svg{--tw-translate-x:0px;--tw-rotate:90deg;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn.inverted{flex-direction:row-reverse}.btn.inverted .hover-wrapper{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}