@layer components{:root{--button-height:auto;--button-width:auto;--button-radius:var(--radius-full);--button-font-size:var(--text-button);--button-padding:1.375rem 3rem;--button-gap:1.5625rem;--button-color:var(--color-dark);--button-background:var(--color-primary);--button-background-hover:var(--color-black);--button-color-hover:var(--color-light);--button-background-active:var(--color-black-active)}.c-button{display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;z-index:var(--z-index-above);border-radius:var(--button-radius);padding:var(--button-padding);font-size:var(--button-font-size);color:var(--button-color);overflow:hidden;transition:color .3s var(--ease-out-cubic),transform .3s var(--ease-out-cubic);&.-light{--button-background-hover:var(--color-light);--button-color-hover:var(--color-dark);--button-background-active:var(--color-light-active)}&:before{background-color:var(--button-background-hover);z-index:var(--z-index-below);opacity:0;transform:scale(.9);transition:transform .3s var(--ease-out-cubic),opacity .1s var(--ease-out-cubic)}&:after,&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--button-radius);pointer-events:none}&:after{background-color:var(--button-background);z-index:-2;opacity:1;transition:transform .3s var(--ease-out-cubic)}&:active{transform:scale(.95)}&:active:before{background-color:var(--button-background-active)}@media (hover:hover){&:hover{color:var(--button-color-hover)}&:hover:before{transform:scale(1);opacity:1}&:hover:after{transform:scale(.9)}}}}@layer components{:root{--container-max-width:1440px;--container-padding-inline:24px}@media (min-width:1000px){:root{--container-padding-inline:80px}}.c-site-container{margin-inline:auto;width:100%;max-width:var(--container-max-width);padding-inline:var(--container-padding-inline)}.c-site-grid{display:grid;width:100%;gap:var(--spacing-unit-md)}}@layer components{}