.button{gap:0;align-items:stretch;text-transform:uppercase;font-family:shuttleblock-condensed,sans-serif;font-size:clamp(1.4rem,2vw,2.25rem);font-weight:600;padding:0}.button,.button>span{display:flex;justify-content:center}.button>span{transition:background .16s ease,color .16s ease;align-items:center;padding:.1em .8em;white-space:nowrap;background:var(--button-bg,var(--color-white));color:var(--button-color,inherit);clip-path:polygon(.2em 0,calc(100% - .2em) 0,100% .2em,100% calc(100% - .2em),calc(100% - .2em) 100%,.2em 100%,0 calc(100% - .2em),0 .2em)}.button:hover>span{background:var(--button-bg-hover,var(--button-bg));color:var(--button-color-hover,var(--button-color))}.button>span:nth-child(2){margin-left:-1px}.button>span.button__icon{padding:.3em .405em;aspect-ratio:1}.button--primary>span{--button-color:var(--color-white);--button-bg:var(--color-orange-500);--button-bg-hover:var(--color-black)}.button--secondary>span{--button-color:var(--color-white);--button-bg:var(--color-black);--button-bg-hover:var(--color-orange-500)}.button--tertiary>span{--button-color:var(--color-black);--button-bg:var(--color-white);--button-bg-hover:var(--color-orange-500);--button-color-hover:var(--color-white)}.button--transparent>span{--button-color:var(--color-black);--button-bg:transparent;--button-bg-hover:var(--color-white)}.button--collapsed{position:relative}.button--collapsed>span:not(.button__icon){position:absolute;top:100%;right:0;opacity:0;pointer-events:none;transition:transform .16s ease,opacity .16s ease}.button[data-tip-align=left]>span:not(.button__icon){right:auto;left:0}.button--collapsed:hover>span:not(.button__icon){opacity:1;z-index:5;transform:translateY(.2em)}@media (max-width:620px){.button>span{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}}