.Button{--button-slide-duration:.4s;--button-expand:.4rem;isolation:isolate;width:21.8rem;height:7rem;color:var(--color-text-inverse);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-duration) var(--ease-out-quad), border-color var(--transition-duration) var(--ease-out-quad);background:0 0;flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:1rem;padding:.4rem 1.2rem 1rem;-webkit-text-decoration:none;text-decoration:none;display:flex;position:relative}.Button:before{content:"";z-index:-1;border-radius:inherit;transition:transform var(--button-slide-duration) var(--button-slide-ease), background-color var(--transition-duration) var(--ease-out-quad), border-color var(--transition-duration) var(--ease-out-quad);position:absolute;inset:0;transform:scale(1)}.Button.isPrimary:before{background:var(--color-accent-primary)}.Button.isSecondary:before{background:0 0;border:1px solid #ffffff4d}.Button.isInverse{color:var(--color-accent-primary)}.Button.isInverse:before{background:var(--color-text-inverse)}@media (hover:hover){.Button.isPrimary:hover:before{background:var(--color-button-hover)}.Button.isSecondary:hover{color:var(--color-button-hover)}.Button.isSecondary:hover:before{border-color:var(--color-button-hover)}.Button.isInverse:hover{color:var(--color-button-hover)}.Button:not(.isCompact):hover:before{transform:scale(calc((100cqw + 2 * var(--button-expand)) / 100cqw), calc((100cqh + 2 * var(--button-expand)) / 100cqh))}}.Button:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px}.Button:not(.isCompact){container-type:size}.Button.isCompact{flex-direction:row;justify-content:center;align-items:center;width:fit-content;height:4.4rem;padding:0 2.6rem}@media (width<=1700px){.Button{height:6.4rem}}.Button__icon{z-index:1;width:2.4rem;height:2.4rem;position:absolute;top:.4rem;right:.4rem}.Button__label{z-index:1;position:relative;overflow:hidden}.Button__labelMobile{display:none}@media (width<=768px){.Button__labelDesktop{display:none}.Button__labelMobile{display:inline}}.Button__labelMask{display:grid}.Button__labelLine{transition:transform var(--button-slide-duration) var(--button-slide-ease);grid-area:1/1}.Button__labelLine:nth-child(2){transform:translateY(110%)}@media (hover:hover){.Button:hover .Button__labelLine:first-child{transform:translateY(-110%)}.Button:hover .Button__labelLine:nth-child(2){transform:translateY(0)}}.Button.isCompact .Button__label{width:auto;max-width:none}@media (prefers-reduced-motion:reduce){.Button,.Button:before,.Button__labelLine{transition:none}.Button__labelLine:nth-child(2){transform:none}@media (hover:hover){.Button:not(.isCompact):hover:before,.Button:hover .Button__labelLine:first-child{transform:none}}}
