.frame-button{color:#fff;min-width:306px;min-height:87px;font:600 20px var(--font-family);text-transform:uppercase;isolation:isolate;justify-content:center;align-items:center;padding:10px 9px;text-decoration:none;display:inline-flex;position:relative}.frame-button>span{background:var(--color-brand-orange);justify-content:center;align-items:center;width:100%;min-height:67px;padding:16px 30px;transition:background .2s ease-out;display:flex}.frame-button__left,.frame-button__right{pointer-events:none;z-index:1;max-width:none;position:absolute;top:0}.frame-button__left{left:0}.frame-button__right{right:0;transform:rotate(180deg)}.frame-button:hover>span{background:#f45c1b}.frame-button:focus-visible{outline-offset:5px;outline:2px solid #363636}@media (max-width:600px){.frame-button{width:100%;min-width:0;font-size:16px}}@media (prefers-reduced-motion:reduce){.frame-button>span{transition:none}}.frame-button{transition:transform .18s}.frame-button__left,.frame-button__right{transition:transform .24s var(--ease-reveal)}@media (hover:hover) and (pointer:fine){.frame-button:hover .frame-button__left{transform:translate(-2px,-2px)}.frame-button:hover .frame-button__right{transform:translate(2px,2px)rotate(180deg)}}.frame-button:focus-visible .frame-button__left{transform:translate(-2px,-2px)}.frame-button:focus-visible .frame-button__right{transform:translate(2px,2px)rotate(180deg)}.frame-button:active{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.frame-button,.frame-button__left,.frame-button__right{transition:none}.frame-button:active,.frame-button:hover .frame-button__left,.frame-button:focus-visible .frame-button__left{transform:none}.frame-button:hover .frame-button__right,.frame-button:focus-visible .frame-button__right{transform:rotate(180deg)}}.frame-button__compact{display:none}@media (max-width:900px){:is(.cargon-about,.cargon-projects,.cargon-contacts) .frame-button :is(.frame-button__left,.frame-button__right),.cargon-hero__cta-final :is(.frame-button__left,.frame-button__right){display:none}:is(.frame-button,.cargon-hero__cta-final) .frame-button__compact{pointer-events:none;width:86px;height:calc(100% - 8px);fill:var(--color-brand-orange);display:block;position:absolute;inset-block:4px;overflow:visible}.frame-button__compact path,.frame-button__compact line{stroke:var(--color-brand-orange);stroke-width:1.5px}.frame-button__compact--left{left:0}.frame-button__compact--right{right:0;transform:rotate(180deg)}}@media (max-width:800px) and (prefers-reduced-motion:no-preference){.cargon-hero__cta-final .frame-button__compact{transition:translate .22s var(--ease-reveal)}.cargon-hero__cta-final:focus-visible .frame-button__compact--left{translate:-2px -2px}.cargon-hero__cta-final:focus-visible .frame-button__compact--right{translate:2px 2px}}@media (max-width:800px) and (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.cargon-hero__cta-final:hover .frame-button__compact--left{translate:-2px -2px}.cargon-hero__cta-final:hover .frame-button__compact--right{translate:2px 2px}}
