/*!
 * GentlePup theme — button-flip.css
 * Copyright © 2026 Murilo Scigliano. All rights reserved.
 * Proprietary. See LICENSE. dev@murilo.design
 *
 * Except Button 027 itself, which is Osmo's — the banner above is its
 * attribution and stays at the top of this file.
 */:root{--button-027-color: var(--cocoa);--button-027-color-background: var(--tangerine);--button-027-border: 0;--button-027-hover-color: var(--cream);--button-027-hover-color-background: var(--cocoa);--button-027-hover-border: 0;--button-027-color-focus: var(--cocoa);--button-027-padding: 1.05rem min(2.1rem, 5vw);--button-027-border-radius: var(--radius-pill);--button-027-focus-inset: -.125em;--button-027-click-scale: .955 .925;--button-027-focus-scale: 1.15;--button-027-ease-click: cubic-bezier(.4, 0, .2, 1);--button-027-ease-hover: linear(0, .5737 7.6%, .8382 11.87%, .9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, .9995 46.99%, .9872 51.63%, .9842 58.77%, 1.0011 81.26%, 1);--button-027-ease-focus: cubic-bezier(.32, .72, 0, 1)}.button-027{-webkit-user-select:none;user-select:none;background-color:transparent;outline-style:none;padding:0;line-height:1;text-decoration:none;display:inline-grid;max-width:100%;overflow:clip;border-radius:var(--button-027-border-radius);position:relative;-webkit-tap-highlight-color:transparent;transition:scale .15s var(--button-027-ease-click)}.button-027:after{content:"";display:block;position:absolute;inset:var(--button-027-focus-inset);border-radius:var(--button-027-border-radius);transition:box-shadow .2s var(--button-027-ease-focus),scale .75s var(--button-027-ease-hover);scale:var(--button-027-focus-scale);pointer-events:none;z-index:1}.button-027:is(:focus-visible):after{box-shadow:0 0 0 .125em var(--button-027-color-focus);scale:1 1}.button-027:active{scale:var(--button-027-click-scale)}.button-027__inner{pointer-events:none;perspective:35em;width:100%;height:100%;transform-style:preserve-3d;grid-area:1 / 1;place-items:center;display:grid}.button-027__default{width:100%;height:100%;color:var(--button-027-color);grid-area:1 / 1;display:grid;transition:translate .75s var(--button-027-ease-hover),rotate .85s var(--button-027-ease-hover),opacity .15s ease-out}.button-027__default-bg{background-color:var(--button-027-color-background);border-radius:var(--button-027-border-radius);border:var(--button-027-border);grid-area:1 / 1;width:100%;height:100%;padding:0}.button-027__default-inner{grid-column-gap:.125em;grid-row-gap:.125em;width:100%;height:100%;padding:var(--button-027-padding);grid-area:1 / 1;justify-content:center;align-items:center;display:flex}.button-027__hover{width:100%;height:100%;color:var(--button-027-hover-color);grid-area:1 / 1;display:grid;transition:translate .85s var(--button-027-ease-hover),rotate .75s var(--button-027-ease-hover),opacity .15s ease-out;opacity:0;translate:0 2em -8em;rotate:1 0 0 -90deg}.button-027__hover-bg{border-radius:var(--button-027-border-radius);background-color:var(--button-027-hover-color-background);border:var(--button-027-hover-border);grid-area:1 / 1;width:100%;height:100%;padding:0}.button-027__hover-inner{grid-column-gap:.125em;grid-row-gap:.125em;width:100%;height:100%;padding:var(--button-027-padding);grid-area:1 / 1;justify-content:center;align-items:center;display:flex}.button-027__icon{flex:none;width:.75em;height:.75em}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.button-027:is(:hover,:focus-visible) .button-027__default,[data-hover]:is(:hover,:focus-visible) .button-027 .button-027__default{translate:0 -2em -8em;rotate:1 0 0 90deg;opacity:0;transition-delay:.05s}.button-027:is(:hover,:focus-visible) .button-027__hover,[data-hover]:is(:hover,:focus-visible) .button-027 .button-027__hover{transition:translate .75s .05s var(--button-027-ease-hover),rotate .85s .05s var(--button-027-ease-hover),opacity 75ms .05s ease-in;rotate:1 0 0 0deg;translate:0 0 0;opacity:1}}.button-027 .button-027__text{font-family:var(--heading-font);text-wrap:balance;font-weight:var(--button-027-font-weight, 700)}.button-027--secondary{--button-027-color: var(--cta);--button-027-color-background: transparent;--button-027-border: .125rem solid var(--cta);--button-027-hover-color: var(--cream);--button-027-hover-color-background: var(--cta);--button-027-hover-border: .125rem solid var(--cta);--button-027-color-focus: var(--cta)}.button-027--cream{--button-027-hover-color: var(--cocoa);--button-027-hover-color-background: var(--cream)}.button-027--icon{--button-027-padding: .8rem}.button-027--icon .button-027__text{position:absolute;width:.0625rem;height:.0625rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.button-027--icon .button-027__icon{width:1.15em;height:1.15em}.section--cocoa .button-027,.guarantee .button-027,.statement .button-027,.hero .button-027,.cart-drawer .button-027{--button-027-color-focus: var(--cream)}.guarantee .button-027{--button-027-color: var(--cocoa);--button-027-color-background: var(--cream);--button-027-hover-color: var(--cream);--button-027-hover-color-background: var(--cocoa)}button.button-027{border:0;cursor:pointer;font:inherit;-webkit-appearance:none;appearance:none}.button-027--full{width:100%}.button-027[disabled]{opacity:.55;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/7/assets/button-flip.css.map */