@layer components{.c-button{--button-icon-transform:translateX(0);--button-icon-width:0.88em;--button-icon-height:1em;border:none;color:var(--api-button-text-color,var(--brand-onyx));cursor:pointer;display:inline-block;font-size:var(--button-font-size,clamp(.88rem,.13vw + .81rem,.94rem));font-weight:var(--api-button-font-weight,var(--font-weight-semi-bold));height:var(--button-height,auto);letter-spacing:2px;line-height:1.5;padding:0;-webkit-text-decoration:var(--api-button-text-decoration,none);text-decoration:var(--api-button-text-decoration,none);text-transform:var(--api-button-text-transform,uppercase);transition:color .25s ease,background .15s ease,border .25s ease}.c-button:after{background:var(--api-button-icon-color,var(--brand-onyx));content:"";display:inline-block;font-weight:var(--font-weight-regular);height:var(--api-button-icon-height,var(--button-icon-height));margin-left:6px;-webkit-mask-image:url(../../../img/icons/arrow-right.svg);mask-image:url(../../../img/icons/arrow-right.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;top:.1em;transform:var(--button-icon-transform);width:var(--api-button-icon-width,var(--button-icon-width))}.c-button--is-external:after{-webkit-mask-image:url(../../../img/icons/arrow-up-right.svg);mask-image:url(../../../img/icons/arrow-up-right.svg)}.c-button--arrow-left{padding-left:calc(.88em + 10px);position:relative}.c-button--arrow-left:after{content:"";left:0;margin-left:0;-webkit-mask-position:top;mask-position:top;position:absolute;transform:rotate(180deg) var(--button-icon-transform)}.c-button:focus,.c-button:hover{--api-button-icon-color:var(--api-button-icon-color-active,var(--brand-bronze));--api-button-text-color:var(--api-button-text-color-active,var(--api-button-text-color))}.c-button:focus:after,.c-button:hover:after{animation:iconPoke .4s forwards}.c-button--arrow-left:focus:after,.c-button--arrow-left:hover:after{animation:iconPokeLeft .4s forwards}@container style(--api-button-hover-activated: 1){.c-button{--api-button-icon-color:var(--api-button-icon-color-active,var(--brand-bronze))}.c-button:after{animation:iconPoke .4s forwards}.c-button--arrow-left:after{animation:iconPokeLeft .4s forwards}}@keyframes iconPoke{0%{--button-icon-transform:translateX(0)}50%{--button-icon-transform:translateX(0.2em)}to{--button-icon-transform:translateX(0)}}@keyframes iconPokeLeft{0%{--button-icon-transform:translateX(0)}50%{--button-icon-transform:translateX(0.2em)}to{--button-icon-transform:translateX(0)}}}