.btn{border:none;padding:.8rem 1rem;background:linear-gradient(90deg,rgba(255,172,100,0) 0%,var(--color-alt) 44.71%);border-radius:0 4rem 4rem 0;font-family:var(--font-primary--family);text-transform:uppercase;color:var(--color-foreground);font-weight:600;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;letter-spacing:.05em;line-height:.9;cursor:pointer;text-decoration:none;justify-self:start;transition:padding .3s ease,box-shadow .3s ease;will-change:padding,box-shadow;position:relative}@media (width >=768px){.btn{font-size:1.3rem}}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0 4rem 4rem 0;pointer-events:none;background-image:var(--noise-texture);background-size:150px 150px;z-index:1}.btn>span,.btn>svg{z-index:2}@media (hover: hover){.btn:not(.btn--icon):hover{padding-right:2rem;box-shadow:12px 10px 25px #00000029,12px 4px 6px #0000003b}}.btn--icon{gap:1.125rem;transition:gap .3s ease,box-shadow .3s ease;will-change:gap,box-shadow}@media (hover: hover){.btn--icon:hover{gap:var(--gap);box-shadow:12px 10px 25px #00000029,12px 4px 6px #0000003b}}.btn--icon svg{width:1.125rem;height:1.125rem;fill:var(--color-foreground)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/buttons.css.map */