.petrea-button{position:relative;overflow:hidden;z-index:1;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;cursor:pointer;box-sizing:border-box;font-family:var(--petrea-font-sans);font-size:var(--petrea-text-md);font-style:normal;font-weight:var(--petrea-weight-semibold);line-height:var(--petrea-line-height-text-md);border-radius:var(--petrea-radius-md);box-shadow:var(--petrea-effect-shadow-xs)}.petrea-button:before,.petrea-button:after{content:"";position:absolute;display:block;z-index:-1;border-radius:50%;background-color:var(--petrea-button-fill, transparent);transition:all .3s .1s cubic-bezier(.55,0,.1,1)}.petrea-button:before{top:100%;left:50%;width:140%;height:180%;transform:translate(-50%) scaleY(1) scaleX(1.25)}.petrea-button:after{top:180%;left:55%;width:160%;height:190%;transform:translate(-50%) scaleY(1) scaleX(1.45)}.petrea-button:hover:before{top:-35%;transform:translate(-50%) scaleY(1.3) scaleX(.8)}.petrea-button:hover:after{top:-45%;transform:translate(-50%) scaleY(1.3) scaleX(.8)}@media(prefers-reduced-motion:reduce){.petrea-button:before,.petrea-button:after{display:none}.petrea-button--primary:hover{background:var(--petrea-color-gray-800)}.petrea-button--outline-light:hover{background:var(--petrea-color-white)}}.petrea-button--size-xl{padding:var(--petrea-spacing-xl) 18px;gap:var(--petrea-spacing-sm)}.petrea-button--primary{background:var(--petrea-color-gray-900);color:var(--petrea-color-white);border:1px solid var(--petrea-color-gray-900);--petrea-button-fill: var(--petrea-color-gray-800);transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.petrea-button--primary:hover{border-color:var(--petrea-color-gray-700)}.petrea-button--outline-light{background:transparent;color:var(--petrea-color-white);border:1px solid var(--petrea-color-white);text-transform:uppercase;--petrea-button-fill: var(--petrea-color-white);transition:background-color .2s ease-in-out,color .2s ease-in-out}.petrea-button--outline-light:hover{color:var(--petrea-color-gray-900)}.petrea-button--outline-dark{background:transparent;color:var(--petrea-color-gray-900);border:1px solid var(--petrea-color-gray-900);text-transform:uppercase;--petrea-button-fill: var(--petrea-color-gray-900);transition:background-color .2s ease-in-out,color .2s ease-in-out}.petrea-button--outline-dark:hover{color:var(--petrea-color-white)}@media(prefers-reduced-motion:reduce){.petrea-button--outline-dark:hover{background:var(--petrea-color-gray-900)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/petrea-button.css.map */