/** Shopify CDN: Minification failed

Line 754:131 Unexpected ")"
Line 763:131 Unexpected ")"
Line 784:131 Unexpected ")"
Line 887:0 Unexpected "<"
Line 895:4 Comments in CSS use "/* ... */" instead of "//"
Line 899:4 Comments in CSS use "/* ... */" instead of "//"
Line 1256:10 Expected identifier but found whitespace
Line 1256:11 Unexpected "0.7rem"

**/
html { outline: 3px solid red !important; }

/* ADD TO CART — default (pill, beige) */
.product-form .product-form__submit,
.product-form button[name="add"],
.product-form [data-add-to-cart],
.product-form .add-to-cart,
form[action*="/cart/add"] button[type="submit"],
form[action*="/cart/add"] input[type="submit"] {
  border-radius: 9999px !important;
  background-color: #FFFAF5 !important;
  color: #000 !important;
  border: 0.1px solid #000 !important;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* ADD TO CART — hover (turn white) */
.product-form .product-form__submit:hover,
.product-form button[name="add"]:hover,
.product-form [data-add-to-cart]:hover,
.product-form .add-to-cart:hover,
form[action*="/cart/add"] button[type="submit"]:hover,
form[action*="/cart/add"] input[type="submit"]:hover {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* Handle disabled/loading states so CSS still applies */
.product-form .product-form__submit[disabled],
.product-form .product-form__submit.is-loading {
  opacity: .7; /* optional */
  border-radius: 9999px !important;
}


/* ===== ADD TO CART / CHECKOUT: pill + hover white ===== */

/* Baseline: all primary product submit buttons */
.product-form .product-form__submit,
.product-form button[name="add"],
.product-form [data-add-to-cart],
.product-form .add-to-cart,
form[action*="/cart/add"] button[type="submit"],
form[action*="/cart/add"] input[type="submit"],
.button--add-to-cart,
#AddToCart,
.product-form__cart-submit {
  border-radius: 9999px !important;
  background-color: #FFFAF5 !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Hover state -> WHITE */
.product-form .product-form__submit:hover,
.product-form button[name="add"]:hover,
.product-form [data-add-to-cart]:hover,
.product-form .add-to-cart:hover,
form[action*="/cart/add"] button[type="submit"]:hover,
form[action*="/cart/add"] input[type="submit"]:hover,
.button--add-to-cart:hover,
#AddToCart:hover,
.product-form__cart-submit:hover {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* Disabled/loading keep pill shape */
.product-form .product-form__submit[disabled],
.product-form .product-form__submit[aria-busy="true"],
.product-form .product-form__submit.is-loading {
  border-radius: 9999px !important;
  opacity: .7;
}


/* FORCE real fill on Add to Cart (handles pseudo-element layer some themes use) */

/* Default state */
.product-form .product-form__submit,
.product-form .product-form__submit::before,
form[action*="/cart/add"] button[type="submit"],
form[action*="/cart/add"] button[type="submit"]::before {
  border-radius: 9999px !important;
  background: #FFFAF5 !important;      /* beige fill */
  background-image: none !important;    /* kill gradient/image layer */
  opacity: 1 !important;                /* in case ::before uses opacity */
}

/* Hover: turn WHITE */
.product-form .product-form__submit:hover,
.product-form .product-form__submit:hover::before,
form[action*="/cart/add"] button[type="submit"]:hover,
form[action*="/cart/add"] button[type="submit"]:hover::before {
  background: #ffffff !important;
  background-image: none !important;
}

/* Keep thin border + pill shape visible */
.product-form .product-form__submit,
form[action*="/cart/add"] button[type="submit"] {
  border: 0px solid #000 !important;
  color: #000 !important;
  box-shadow: none !important;
}

/* Make sure the pseudo sits behind text and inherits the pill shape */
.product-form .product-form__submit::before,
form[action*="/cart/add"] button[type="submit"]::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: inherit !important;
  z-index: 0; /* behind label text */
}

/* Ensure the label/text sits above the ::before background */
.product-form .product-form__submit > *,
form[action*="/cart/add"] button[type="submit"] > * {
  position: relative;
  z-index: 1;
}

/* ===== FINAL OVERRIDE for Add to Cart hover -> WHITE ===== */

/* 1) If Aura uses CSS variables for buttons, set them here */
.product-form .product-form__submit {
  --button-bg: #FFFAF5 !important;
  --button-bg-hover: #ffffff !important;
  --button-text: #000000 !important;
  --button-border: #000000 !important;
}

/* 2) Base + hover: kill gradients/overlays and force real fills */
.product-form .product-form__submit,
.product-form .product-form__submit::before,
.product-form .product-form__submit::after {
  position: relative;                 /* ensure pseudo-elements position correctly */
  border-radius: 9999px !important;   /* pill */
  background: #FFFAF5 !important;     /* default fill */
  background-image: none !important;  /* no gradient layer */
  box-shadow: none !important;        /* some themes use inset fills via box-shadow */
  color: #000 !important;
  border: 0px solid #000 !important;
}

.product-form .product-form__submit:hover,
.product-form .product-form__submit:hover::before,
.product-form .product-form__submit:hover::after {
  background: #ffffff !important;     /* turn WHITE on hover */
  background-image: none !important;
  box-shadow: none !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* 3) Make sure the pseudo background sits behind the text */
.product-form .product-form__submit::before,
.product-form .product-form__submit::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: inherit !important;
  z-index: 0;
}
.product-form .product-form__submit > * {
  position: relative;
  z-index: 1;
}

/* 4) Extra catch-alls for alternate selectors some Aura builds use */
.button--primary,
.button--solid,
.btn--primary {
  background: #FFFAF5 !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
}
.button--primary:hover,
.button--solid:hover,
.btn--primary:hover {
  background: #ffffff !important;
  color: #000 !important;
  border-color: #000 !important;
}

/* Ensure cart modal/drawer sits above sticky bars */
#CartDrawer,
#cart-drawer,
[role="dialog"][data-cart],
[data-dialog][data-dialog-id="cart"],
[data-drawer="cart"],
.cart-drawer,
.cart-modal,
.cart-drawer__overlay,
[data-overlay][data-dialog-id="cart"] {
  z-index: 9999 !important;
}

.drawer-backdrop,
.modal-backdrop,
[data-dialog-backdrop] {
  z-index: 9998 !important;
}

/* ——— Raise the whole overlay group (cart, drawers, backdrops) above everything ——— */
#shopify-section-overlay-group,
#shopify-section-overlay-group [role="dialog"],
#shopify-section-overlay-group [data-dialog],
#shopify-section-overlay-group [data-drawer],
#shopify-section-overlay-group .drawer,
#shopify-section-overlay-group .modal,
#shopify-section-overlay-group .cart-drawer,
#shopify-section-overlay-group .cart-modal,
#shopify-section-overlay-group .drawer-backdrop,
#shopify-section-overlay-group [data-dialog-backdrop],
#shopify-section-overlay-group .modal-backdrop,
#shopify-section-overlay-group .cart-drawer__overlay {
  position: relative;                /* ensure z-index applies */
  z-index: 2147483647 !important;    /* higher than any header/announcement */
}

/* ——— Just in case your header/announcement had a very large z-index ——— */
#shopify-section-header-group,
#shopify-section-announcement-bar,
header.site-header,
.announcement-bar,
.announcement-bar-section {
  z-index: 100 !important;
}

#shopify-section-header-group {
  transform: none !important;
  filter: none !important;
}

/* Make the cart and its overlay start at the very top of the viewport */
#shopify-section-overlay-group,
#shopify-section-overlay-group [role="dialog"],
#shopify-section-overlay-group [data-dialog],
#shopify-section-overlay-group .drawer,
#shopify-section-overlay-group .modal,
#shopify-section-overlay-group .cart-drawer,
#shopify-section-overlay-group .cart-modal,
#CartDrawer,
#cart-drawer,
[id*="CartDrawer"],
[id*="cart-drawer"] {
  position: fixed !important;
  top: 0 !important;            /* <-- key: remove any header offset */
  inset: 0 auto 0 0 !important; /* stick to right, full height */
  /* If yours is a CENTER modal (not a right drawer), use this instead:
     inset: 0 !important;
  */
}

/* Backdrop should cover entire screen from the very top */
#shopify-section-overlay-group [data-dialog-backdrop],
.drawer-backdrop,
.modal-backdrop,
.cart-drawer__overlay,
dialog::backdrop,
.overlay {
  position: fixed !important;
  inset: 0 !important;          /* full viewport */
  top: 0 !important;
}

/* If a parent was clipping the cart (rare), force it to allow overflow */
#shopify-section-overlay-group {
  overflow: visible !important;
}

/* Belt & suspenders: ensure sticky bars cannot create a new stacking context that clips */
#shopify-section-header-group,
#shopify-section-announcement-bar,
header.site-header,
.announcement-bar,
.announcement-bar-section {
  transform: none !important;
  filter: none !important;
  isolation: auto !important;
  will-change: auto !important;
}

/* ===== Right-side cart drawer: pin to the very top and full height ===== */
#CartDrawer,
#cart-drawer,
[data-drawer="cart"],
[role="dialog"][data-cart],
.cart-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;         /* full height */
  left: auto !important;
  height: 100vh !important;     /* full viewport height */
  max-height: 100dvh !important;
  margin: 0 !important;
  z-index: 2147483647 !important;
  /* Nuke any theme offsets that push the drawer down */
  --announcement-bar-height: 0px !important;
}

/* Backdrop must also start at the very top and cover everything */
#shopify-section-overlay-group [data-dialog-backdrop],
.drawer-backdrop,
.modal-backdrop,
.cart-drawer__overlay,
dialog::backdrop {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  z-index: 2147483646 !important;
}

/* Ensure the overlay container itself doesn't clip the drawer */
#shopify-section-overlay-group {
  position: relative !important;
  overflow: visible !important;
  z-index: 2147483646 !important;
}

/* Keep sticky bars below and prevent stacking-context weirdness */
#shopify-section-header-group,
#shopify-section-announcement-bar,
header.site-header,
.announcement-bar,
.announcement-bar-section {
  z-index: 100 !important;
  transform: none !important;
  filter: none !important;
  isolation: auto !important;
}

/* When the cart drawer is open, remove any header/announcement offset */
html:has([data-drawer="cart"]:not([aria-hidden="true"])),
html:has(#CartDrawer.is-open),
html:has(#cart-drawer[open]),
html:has(.cart-drawer.is-open) {
  --announcement-bar-height: 0px !important;
}

/* And make the drawer fill the full viewport from the top */
html:has([data-drawer="cart"]:not([aria-hidden="true"])) #shopify-section-overlay-group [data-drawer="cart"],
html:has(#CartDrawer.is-open) #CartDrawer,
html:has(#cart-drawer[open]) #cart-drawer,
html:has(.cart-drawer.is-open) .cart-drawer {
  top: 0 !important;
  height: 100vh !important;
  max-height: 100dvh !important;
}

/* Fallback class if JS detects the cart open */
.mm-cart-open { --announcement-bar-height: 0px !important; }
.mm-cart-open #shopify-section-overlay-group [data-drawer="cart"],
.mm-cart-open #CartDrawer,
.mm-cart-open #cart-drawer,
.mm-cart-open .cart-drawer {
  top: 0 !important;
  height: 100vh !important;
  max-height: 100dvh !important;
}

/* When cart is open, completely hide sticky bars */
.mm-cart-open #shopify-section-header-group,
.mm-cart-open #shopify-section-announcement-bar,
.mm-cart-open header.site-header,
.mm-cart-open .announcement-bar,
.mm-cart-open .announcement-bar-section {
  display: none !important;
}

/* Also ensure no layout offset is applied while cart is open */
.mm-cart-open {
  --announcement-bar-height: 0px !important;
}

/* Force a 0.1px black border on SOLD OUT button (Aura markup shown) */
form[action*="/cart/add"] button.add-to-cart-btn[disabled],
form[action*="/cart/add"] button.add-to-cart-btn:disabled,
.product-form button.add-to-cart-btn[disabled],
button.add-to-cart-btn[disabled],
.btn.add-to-cart-btn[disabled] {
  border: 0.1px solid #000 !important;
}

/* If hairline doesn’t render on some displays, use this crisp fallback */
@supports (box-shadow: 0 0 0 0px #000) {
  form[action*="/cart/add"] button.add-to-cart-btn[disabled],
  button.add-to-cart-btn[disabled] {
    border-color: transparent !important;
    box-shadow: 0 0 0 0px #000 !important; /* hairline ring */
  }
}


/* UNIVERSAL: give Sold Out a 0.1px black border everywhere */
#shopify-section-product button.add-to-cart-btn[disabled],
#shopify-section-product .btn[disabled],
#shopify-section-product [type="submit"][disabled],
#shopify-section-main-product button.add-to-cart-btn[disabled],
#shopify-section-main-product .btn[disabled],
#shopify-section-main-product [type="submit"][disabled],
.product-form button.add-to-cart-btn[disabled],
.product-form .btn[disabled],
.product-form [type="submit"][disabled],
.quick-add__form .btn[disabled],
.quick-add__form [type="submit"][disabled],
.product-card .btn[disabled],
.product-card [type="submit"][disabled],
/* aria-disabled variants (some sections use this instead of disabled attr) */
#shopify-section-product .btn[aria-disabled="true"],
#shopify-section-main-product .btn[aria-disabled="true"],
.product-form .btn[aria-disabled="true"],
.quick-add__form .btn[aria-disabled="true"],
.product-card .btn[aria-disabled="true"] {
  border: 0.1px solid #000 !important;
  border-radius: 9999px; /* keep pill look if applicable */
}

/* Hairline fallback if 0.1px collapses on some screens */
@supports (box-shadow: 0 0 0 0.5px #000) {
  #shopify-section-product button.add-to-cart-btn[disabled],
  #shopify-section-product .btn[disabled],
  #shopify-section-product [type="submit"][disabled],
  #shopify-section-main-product button.add-to-cart-btn[disabled],
  #shopify-section-main-product .btn[disabled],
  #shopify-section-main-product [type="submit"][disabled],
  .product-form button.add-to-cart-btn[disabled],
  .product-form .btn[disabled],
  .product-form [type="submit"][disabled],
  .quick-add__form .btn[disabled],
  .quick-add__form [type="submit"][disabled],
  .product-card .btn[disabled],
  .product-card [type="submit"][disabled],
  .btn[aria-disabled="true"] {
    border-color: transparent !important;       /* avoid double edge */
    box-shadow: 0 0 0 0.5px #000 !important;    /* crisp hairline ring */
  }
}

/* 1) Default: use a single thin border, no shadow */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .quick-add, .featured-product)
  :is(button, a, input)
  :is([disabled], [aria-disabled="true"], [data-sold-out], [aria-label*="sold" i]) {
  border: 0.1px solid #000 !important;
  box-shadow: none !important;                 /* prevent double edge */
  outline: none !important;                    /* just in case */
}

/* 2) If hairline fallback is supported, use ONLY the ring (no border) */
@supports (box-shadow: 0 0 0 0.5px #000) {
  :where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .quick-add, .featured-product)
    :is(button, a, input)
    :is([disabled], [aria-disabled="true"], [data-sold-out], [aria-label*="sold" i]) {
    border-width: 0 !important;                /* remove border entirely */
    border-color: transparent !important;
    box-shadow: 0 0 0 0.5px #000 !important;   /* single, crisp hairline */
  }
}

/* 3) Beat any section rule that forces 1px borders on .btn/.add-to-cart-btn */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card)
  :is(.add-to-cart-btn, .btn, [type="submit"])
  :is([disabled], [aria-disabled="true"]) {
  border-width: 0.1px !important;              /* or 0 with the hairline above */
  box-shadow: none !important;
}

/* Use only the hairline ring */
button.add-to-cart-btn.push-btn[disabled] {
  border: 0 !important;
  box-shadow: 0 0 0 0.5px #000 !important;
  outline: none !important;
}

/* Kill the inner layer's border/shadow so it doesn't thicken the line */
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface--secondary {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Slightly thicker border for Sold Out buttons */
button.add-to-cart-btn[disabled],
button.add-to-cart-btn[aria-disabled="true"],
button.add-to-cart-btn.push-btn[disabled],
button.add-to-cart-btn.push-btn[aria-disabled="true"] {
  border: 0.3px solid #000 !important;
  box-shadow: none !important;
}

/* Remove inner surface borders on push-btn variant */
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface--secondary {
  border: 0 !important;
  box-shadow: none !important;
}

/* Normalize both Add to Cart and Sold Out borders to 0.5px */
.product-form .product-form__submit,
.product-form button[name="add"],
.product-form [data-add-to-cart],
.product-form .add-to-cart,
form[action*="/cart/add"] button[type="submit"],
form[action*="/cart/add"] input[type="submit"],
button.add-to-cart-btn,
button.add-to-cart-btn[disabled],
button.add-to-cart-btn.push-btn[disabled],
button.add-to-cart-btn.push-btn[aria-disabled="true"] {
  border: 0.5px solid #000 !important;
  border-radius: 9999px !important; /* keep pill look */
  box-shadow: none !important;
}

/* Normalize Add to Cart + Sold Out to 0.5px border */
button.add-to-cart-btn,
button.add-to-cart-btn[disabled],
button.add-to-cart-btn.push-btn,
button.add-to-cart-btn.push-btn[disabled],
button.add-to-cart-btn.push-btn[aria-disabled="true"],
.product-form .product-form__submit,
.product-form button[name="add"],
.product-form [data-add-to-cart],
.product-form .add-to-cart,
form[action*="/cart/add"] button[type="submit"],
form[action*="/cart/add"] input[type="submit"] {
  border: 0.5px solid #000 !important;
  border-radius: 9999px !important;  /* pill shape */
  box-shadow: none !important;
}

/* Remove extra border/shadow inside push-btn variant */
.push-btn__surface,
.push-btn__surface--secondary {
  border: 0 !important;
  box-shadow: none !important;
}

/* ===== FORCE Add to Cart + Sold Out to 0.8px border always ===== */
button.add-to-cart-btn,
button.add-to-cart-btn:hover,
button.add-to-cart-btn:focus,
button.add-to-cart-btn[disabled],
button.add-to-cart-btn:disabled,
button.add-to-cart-btn.push-btn,
button.add-to-cart-btn.push-btn:hover,
button.add-to-cart-btn.push-btn:focus,
button.add-to-cart-btn.push-btn[disabled],
button.add-to-cart-btn.push-btn[aria-disabled="true"],
.product-form .product-form__submit,
.product-form .product-form__submit:hover,
.product-form .product-form__submit:focus,
.product-form .product-form__submit[disabled],
.product-form button[name="add"],
.product-form button[name="add"]:hover,
.product-form button[name="add"]:focus,
.product-form [data-add-to-cart],
.product-form [data-add-to-cart]:hover,
.product-form [data-add-to-cart]:focus,
.product-form .add-to-cart,
.product-form .add-to-cart:hover,
.product-form .add-to-cart:focus,
form[action*="/cart/add"] button[type="submit"],
form[action*="/cart/add"] button[type="submit"]:hover,
form[action*="/cart/add"] button[type="submit"]:focus,
form[action*="/cart/add"] input[type="submit"],
form[action*="/cart/add"] input[type="submit"]:hover,
form[action*="/cart/add"] input[type="submit"]:focus {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important;  /* pill shape */
  box-shadow: none !important;
  outline: none !important;
}

/* Kill any extra borders/shadows inside push-btn variant */
.push-btn__surface,
.push-btn__surface--secondary {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ---- Consistent 0.8px visual outline for Add to Cart + Sold Out (all states) ---- */

/* 1) turn OFF real borders everywhere so we don't fight resets or inline leftovers */
button.add-to-cart-btn,
button.add-to-cart-btn:hover,
button.add-to-cart-btn:focus,
button.add-to-cart-btn[disabled],
button.add-to-cart-btn:disabled,
button.add-to-cart-btn.push-btn,
button.add-to-cart-btn.push-btn:hover,
button.add-to-cart-btn.push-btn:focus,
button.add-to-cart-btn.push-btn[disabled],
button.add-to-cart-btn.push-btn[aria-disabled="true"],
.product-form .product-form__submit,
.product-form .product-form__submit:hover,
.product-form .product-form__submit:focus,
.product-form .product-form__submit[disabled],
.product-form button[name="add"],
.product-form button[name="add"]:hover,
.product-form button[name="add"]:focus,
.product-form [data-add-to-cart],
.product-form [data-add-to-cart]:hover,
.product-form [data-add-to-cart]:focus,
.product-form .add-to-cart,
.product-form .add-to-cart:hover,
.product-form .add-to-cart:focus,
form[action*="/cart/add"] button[type="submit"],
form[action*="/cart/add"] button[type="submit"]:hover,
form[action*="/cart/add"] button[type="submit"]:focus,
form[action*="/cart/add"] input[type="submit"],
form[action*="/cart/add"] input[type="submit"]:hover,
form[action*="/cart/add"] input[type="submit"]:focus {
  border: 0 !important;
  border-radius: 9999px !important;
  outline: none !important;
  /* 2) draw a crisp hairline ring ~0.8px */
  box-shadow: 0 0 0 0.8px #000 !important;
}

/* Remove extra borders/shadows inside push-btn variant to avoid “double” thickness */
.push-btn__surface,
.push-btn__surface--secondary {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Optional: tweak for very high-DPI so the ring doesn't look too heavy */
@media (min-resolution: 2dppx) {
  button.add-to-cart-btn,
  button.add-to-cart-btn.push-btn,
  .product-form .product-form__submit,
  form[action*="/cart/add"] button[type="submit"],
  form[action*="/cart/add"] input[type="submit"] {
    box-shadow: 0 0 0 0.6px #000 !important; /* visually ~0.8px on Retina */
  }
}

/* Force SOLD OUT button and its inner surface to 0.8px border */
button.add-to-cart-btn[disabled],
button.add-to-cart-btn:disabled,
button.add-to-cart-btn.push-btn[disabled],
button.add-to-cart-btn.push-btn[aria-disabled="true"] {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Inner surface of push-btn variant (where the theme sometimes draws border) */
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface--secondary,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface--secondary {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ===== SOLD OUT: lock border to 0.8px in every state ===== */

/* Outer button (disabled/aria-disabled) */
button.add-to-cart-btn[disabled],
button.add-to-cart-btn[disabled]:hover,
button.add-to-cart-btn[disabled]:focus,
button.add-to-cart-btn[disabled]:active,
button.add-to-cart-btn[aria-disabled="true"],
button.add-to-cart-btn[aria-disabled="true"]:hover,
button.add-to-cart-btn[aria-disabled="true"]:focus,
button.add-to-cart-btn[aria-disabled="true"]:active,
button.add-to-cart-btn.push-btn[disabled],
button.add-to-cart-btn.push-btn[disabled]:hover,
button.add-to-cart-btn.push-btn[disabled]:focus,
button.add-to-cart-btn.push-btn[disabled]:active,
button.add-to-cart-btn.push-btn[aria-disabled="true"],
button.add-to-cart-btn.push-btn[aria-disabled="true"]:hover,
button.add-to-cart-btn.push-btn[aria-disabled="true"]:focus,
button.add-to-cart-btn.push-btn[aria-disabled="true"]:active {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
  outline: none !important;
  transition: none !important; /* stop hover transitions from changing thickness */
}

/* Inner surface of the push-btn variant (some builds draw the border here) */
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface:hover,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface:focus,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface:active,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface:hover,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface:focus,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface:active,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface--secondary,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface--secondary:hover,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface--secondary:focus,
button.add-to-cart-btn.push-btn[disabled] .push-btn__surface--secondary:active,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface--secondary,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface--secondary:hover,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface--secondary:focus,
button.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface--secondary:active {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
  outline: none !important;
  transition: none !important;
}

/* (Optional) Prevent hover color/border changes on disabled buttons */
button.add-to-cart-btn[disabled]:hover,
button.add-to-cart-btn[aria-disabled="true"]:hover {
  cursor: not-allowed;
}

/* === LOCK product action buttons to 0.8px everywhere & every state === */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn, .product-form__submit, [data-add-to-cart], .add-to-cart, button[type="submit"], input[type="submit"]) {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Keep 0.8px on hover/focus/active (some sections bump to 1px on hover) */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn, .product-form__submit, [data-add-to-cart], .add-to-cart, button[type="submit"], input[type="submit"]))
  :is(:hover, :focus, :active) {
  border: 0.8px solid #000 !important;
  box-shadow: none !important;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease; /* not width */
}

/* Disabled / aria-disabled (Sold Out) — still 0.8px on all states */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn, .product-form__submit, [data-add-to-cart], .add-to-cart, button[type="submit"], input[type="submit"]))
  :is([disabled], [aria-disabled="true"], [data-sold-out]),
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn, .product-form__submit, [data-add-to-cart], .add-to-cart, button[type="submit"], input[type="submit"]))
  :is([disabled], [aria-disabled="true"], [data-sold-out]):is(:hover, :focus, :active) {
  border: 0.8px solid #000 !important;
  box-shadow: none !important;
}

/* Push-button variant: kill inner surface overrides & lock to 0.8px too */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn.push-btn[disabled], button.add-to-cart-btn.push-btn[aria-disabled="true"], button.add-to-cart-btn.push-btn) .push-btn__surface,
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn.push-btn[disabled], button.add-to-cart-btn.push-btn[aria-disabled="true"], button.add-to-cart-btn.push-btn) .push-btn__surface--secondary {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
}

/* Safety: neutralize any utility that tries to change border width on hover */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn, .product-form__submit, [data-add-to-cart], .add-to-cart, button[type="submit"], input[type="submit"]))
  :is(:hover, :focus, :active) {
  border-width: 0.8px !important;
}

/* === LOCK to 0.8px in ALL states (global) === */

/* Outer buttons */
button.add-to-cart-btn.add-to-cart-btn,
.product-form .product-form__submit.product-form__submit,
form[action*="/cart/add"] button[type="submit"],
form[action*="/cart/add"] input[type="submit"] {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
}

/* Hover/focus/active — keep the same 0.8px */
button.add-to-cart-btn.add-to-cart-btn:hover,
button.add-to-cart-btn.add-to-cart-btn:focus,
button.add-to-cart-btn.add-to-cart-btn:active,
.product-form .product-form__submit.product-form__submit:hover,
.product-form .product-form__submit.product-form__submit:focus,
.product-form .product-form__submit.product-form__submit:active,
form[action*="/cart/add"] button[type="submit"]:hover,
form[action*="/cart/add"] button[type="submit"]:focus,
form[action*="/cart/add"] button[type="submit"]:active,
form[action*="/cart/add"] input[type="submit"]:hover,
form[action*="/cart/add"] input[type="submit"]:focus,
form[action*="/cart/add"] input[type="submit"]:active {
  border: 0.8px solid #000 !important;
  box-shadow: none !important;
  transition: border-color .2s, background-color .2s, color .2s !important; /* no width changes */
}

/* Disabled / aria-disabled (Sold Out) — all states locked */
button.add-to-cart-btn.add-to-cart-btn[disabled],
button.add-to-cart-btn.add-to-cart-btn[disabled]:hover,
button.add-to-cart-btn.add-to-cart-btn[disabled]:focus,
button.add-to-cart-btn.add-to-cart-btn[disabled]:active,
button.add-to-cart-btn.add-to-cart-btn[aria-disabled="true"],
button.add-to-cart-btn.add-to-cart-btn[aria-disabled="true"]:hover,
button.add-to-cart-btn.add-to-cart-btn[aria-disabled="true"]:focus,
button.add-to-cart-btn.add-to-cart-btn[aria-disabled="true"]:active {
  border: 0.8px solid #000 !important;
  box-shadow: none !important;
}

/* Push-btn inner surface — make it match and stop hover from thickening */
button.add-to-cart-btn.push-btn .push-btn__surface,
button.add-to-cart-btn.push-btn .push-btn__surface--secondary,
button.add-to-cart-btn.push-btn .push-btn__surface:hover,
button.add-to-cart-btn.push-btn .push-btn__surface--secondary:hover {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
}

/* ==== SOLD OUT: force identical visual thickness (~0.8px) everywhere ==== */
/* 1) Outer control (button/link/input) in any product/quick-add/featured section */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn, .product-form__submit, [data-add-to-cart], .add-to-cart, button[type="submit"], input[type="submit"], a.btn)
  :is([disabled], [aria-disabled="true"], [data-sold-out], [aria-label*="sold" i]) {
  border: 0 !important;                       /* turn off real border */
  box-shadow: 0 0 0 0.8px #000 !important;    /* draw crisp hairline ring */
  border-radius: 9999px !important;           /* keep pill shape */
  outline: none !important;
}

/* 2) Inner "push" surface (some Aura variants draw the border here instead) */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn.push-btn[disabled], button.add-to-cart-btn.push-btn[aria-disabled="true"], button.add-to-cart-btn.push-btn)
  :is(.push-btn__surface, .push-btn__surface--secondary) {
  border: 0 !important;                       /* no double edge */
  box-shadow: 0 0 0 0.8px #000 !important;    /* exact same ring */
  border-radius: 9999px !important;
  outline: none !important;
}

/* 3) Lock the same thickness while hovered/focused/active */
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn, .product-form__submit, [data-add-to-cart], .add-to-cart, button[type="submit"], input[type="submit"], a.btn)
  :is([disabled], [aria-disabled="true"], [data-sold-out], [aria-label*="sold" i])
  :is(:hover, :focus, :active),
:where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
  :is(button.add-to-cart-btn.push-btn[disabled], button.add-to-cart-btn.push-btn[aria-disabled="true"])
  :is(.push-btn__surface, .push-btn__surface--secondary)
  :is(:hover, :focus, :active) {
  border: 0 !important;
  box-shadow: 0 0 0 0.8px #000 !important;
  border-radius: 9999px !important;
  outline: none !important;
  transition: border-color .2s, background-color .2s, color .2s !important; /* no width changes */
}

/* Optional: on very high-DPI screens, trim slightly so it stays ~0.8px visually */
@media (min-resolution: 2dppx) {
  :where(#shopify-section-product, #shopify-section-main-product, .product, .product-card, .featured-product, .quick-add)
    :is([disabled], [aria-disabled="true"], [data-sold-out], [aria-label*="sold" i]) {
    box-shadow: 0 0 0 0.7px #000 !important;
  }
}

<script>
document.addEventListener('DOMContentLoaded', () => {
  const RING = '0 0 0 0.8px #000';
  const selOuter = 'button.add-to-cart-btn, .product-form__submit, form[action*="/cart/add"] [type="submit"]';
  const selInner = '.push-btn__surface, .push-btn__surface--secondary';

  const fixOne = (btn) => {
    if (!btn) return;
    // outer
    btn.style.setProperty('border', '0', 'important');
    btn.style.setProperty('borderRadius', '9999px', 'important');
    btn.style.setProperty('boxShadow', RING, 'important');
    // inner push surface (if present)
    btn.querySelectorAll(selInner).forEach(inner => {
      inner.style.setProperty('border', '0', 'important');
      inner.style.setProperty('borderRadius', '9999px', 'important');
      inner.style.setProperty('boxShadow', RING, 'important');
    });
  };

  const scan = (root = document) => root.querySelectorAll(selOuter).forEach(fixOne);
  scan();

  new MutationObserver(muts => {
    muts.forEach(m => {
      if (m.type === 'childList') {
        m.addedNodes.forEach(n => {
          if (n.nodeType === 1) { scan(n); }
        });
      } else if (m.type === 'attributes' && (m.attributeName === 'class' || m.attributeName === 'disabled' || m.attributeName === 'aria-disabled')) {
        if (m.target.matches(selOuter)) fixOne(m.target);
      }
    });
  }).observe(document.documentElement, { subtree: true, childList: true, attributes: true });
});
</script>

/* Force Add to Cart + Sold Out to consistent hairline (~0.8px) */
button.add-to-cart-btn,
button.add-to-cart-btn[disabled],
button.add-to-cart-btn.push-btn,
button.add-to-cart-btn.push-btn[disabled],
button.add-to-cart-btn.push-btn[aria-disabled="true"],
.product-form .product-form__submit,
.product-form button[name="add"],
.product-form [data-add-to-cart],
.product-form .add-to-cart,
form[action*="/cart/add"] button[type="submit"],
form[action*="/cart/add"] input[type="submit"] {
  border: 0 !important; /* remove real border */
  border-radius: 9999px !important;
  box-shadow: 0 0 0 0.8px #000 !important; /* consistent hairline ring */
}

/* Force a consistent ~0.8px outline on SOLD OUT (outer + inner surface) */
.mm-force-outline,
.mm-force-outline .push-btn__surface,
.mm-force-outline .push-btn__surface--secondary {
  border: 0 !important;                 /* kill real border */
  border-radius: 9999px !important;     /* keep pill look */
  box-shadow: 0 0 0 0.8px #000 !important; /* crisp hairline ring */
  outline: none !important;
}

/* Consistent ~0.8px outline on SOLD OUT (outer + inner surface) */
.mm-force-outline,
.mm-force-outline .push-btn__surface,
.mm-force-outline .push-btn__surface--secondary {
  border: 0 !important;
  border-radius: 9999px !important;
  box-shadow: 0 0 0 0.8px #000 !important; /* hairline ring that renders consistently */
  outline: none !important;
}

/* === Base Sold Out button === */
.mm-force-outline {
  border: 0 !important;
  border-radius: 9999px !important;
  box-shadow: 0 0 0 0.8px #000 !important; /* thin outline */
  background-color: #FFFAF5 !important;    /* beige, same as Add to Cart default */
  color: #000 !important;
  transition: background-color .2s ease, color .2s ease;
}

/* === Hover (turn white) === */
.mm-force-outline:hover {
  background-color: #ffffff !important;    /* turn white */
  color: #000 !important;
  box-shadow: 0 0 0 0.8px #000 !important; /* keep same border thickness */
}

/* VIEW ALL button outer wrapper */
a.push-btn {
  border: 0 !important; /* kill any theme border */
  border-radius: 9999px !important;
  box-shadow: inset 0 0 0 1px #000 !important; /* crisp black outline */
  background-color: #FFFAF5 !important;        /* beige, like Add to Cart */
  color: #000 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  text-align: center;
  text-decoration: none;
}

/* Inner surface of the push button */
a.push-btn .push-btn__surface {
  border: 0 !important;
  border-radius: inherit !important;
  box-shadow: none !important;                 /* let outer handle outline */
  background-color: transparent !important;
  color: inherit !important;
}

/* Hover state → white background with black outline */
a.push-btn:hover {
  background-color: #fff !important;
  color: #000 !important;
  box-shadow: inset 0 0 0 1px #000 !important;
}

/* Subscribe button border */
#Subscribe-sections--19303372783795__footer,
#Subscribe-sections--19303372783795__footer .push-btn__surface {
  border: 0.8px solid #000 !important;
  border-radius: 9999px !important; /* pill shape */
  box-shadow: none !important;
  background: #FFFAF5 !important;   /* matches your add to cart background */
  color: #000 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Hover effect: turn white */
#Subscribe-sections--19303372783795__footer:hover,
#Subscribe-sections--19303372783795__footer:hover .push-btn__surface {
  background: #ffffff !important;
  border-color: #000 !important;
  color: #000 !important;
}

/* Product page title size */
.product-block-title h1.font-heading.heading-feature {
  font-size: 26px !important;
  line-height: 1.2 !important;
}

/* Mobile adjustment */
@media (max-width: 768px) {
  .product-block-title h1.font-heading.heading-feature {
    font-size: 22px !important;
  }
}

/* ===== Fully sold-out (plain .btn, no .push-btn surface) ===== */
.add-to-cart-btn.btn[disabled]:not(.push-btn),
.add-to-cart-btn.btn[aria-disabled="true"]:not(.push-btn) {
  position: relative;                 /* anchor pseudo */
  border-radius: 9999px !important;
  /* Fallback ring on the element itself (works even if pseudos are blocked) */
  box-shadow: inset 0 0 0 1px #000 !important;   /* set 0.8px if you prefer */
}

/* Use ::before (since the markup has `after:hidden`) to draw the same ring */
.add-to-cart-btn.btn[disabled]:not(.push-btn)::before,
.add-to-cart-btn.btn[aria-disabled="true"]:not(.push-btn)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px #000;              /* same thickness here */
}

/* If the inline style explicitly has 0.1px, boost the ring again */
.add-to-cart-btn[disabled][style*="0.1px"],
.add-to-cart-btn[aria-disabled="true"][style*="0.1px"] {
  box-shadow: inset 0 0 0 1px #000 !important;
}

/* ===== Variant-unavailable (push-btn with inner surface) ===== */
.add-to-cart-btn.push-btn[disabled] .push-btn__surface,
.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface {
  border: 0 !important;                            /* kill any hairline border */
  border-radius: 9999px !important;
  box-shadow: inset 0 0 0 1px #000 !important;     /* same ring as above */
}

/* Keep hover color change, never change thickness */
.add-to-cart-btn[disabled]:hover,
.add-to-cart-btn[aria-disabled="true"]:hover {
  background-color: #fff !important;
  color: #000 !important;
}

/* Fully sold-out (plain .btn, no .push-btn surface) */
.add-to-cart-btn.btn[disabled]:not(.push-btn),
.add-to-cart-btn.btn[aria-disabled="true"]:not(.push-btn) {
  position: relative;
  border-radius: 9999px !important;
  box-shadow: inset 0 0 0 0.5px #000 !important; /* thinner line */
}

.add-to-cart-btn.btn[disabled]:not(.push-btn)::before,
.add-to-cart-btn.btn[aria-disabled="true"]:not(.push-btn)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 0.5px #000; /* match thickness here */
}

/* Variant-unavailable (push-btn version) */
.add-to-cart-btn.push-btn[disabled] .push-btn__surface,
.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface {
  border: 0 !important;
  border-radius: 9999px !important;
  box-shadow: inset 0 0 0 0.5px #000 !important; /* match thickness */
}

/* ===== Fully sold-out (plain .btn, no .push-btn surface) ===== */
.add-to-cart-btn.btn[disabled]:not(.push-btn),
.add-to-cart-btn.btn[aria-disabled="true"]:not(.push-btn) {
  position: relative;
  border-radius: 9999px !important;
  box-shadow: inset 0 0 0 0.5px #000 !important; /* consistent thin border */
}

.add-to-cart-btn.btn[disabled]:not(.push-btn)::before,
.add-to-cart-btn.btn[aria-disabled="true"]:not(.push-btn)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 0.5px #000; /* same thickness */
}

/* ===== Variant-unavailable (push-btn version with surface) ===== */
.add-to-cart-btn.push-btn[disabled] .push-btn__surface,
.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface {
  border: 0 !important;
  border-radius: 9999px !important;
  box-shadow: inset 0 0 0 0.5px #000 !important; /* same border as above */
}

/* Keep hover background change, never alter thickness */
.add-to-cart-btn[disabled]:hover,
.add-to-cart-btn[aria-disabled="true"]:hover {
  background-color: #fff !important;
  color: #000 !important;
}

/* ===== Fully sold-out (plain .btn, no .push-btn surface) ===== */
.add-to-cart-btn.btn[disabled]:not(.push-btn),
.add-to-cart-btn.btn[aria-disabled="true"]:not(.push-btn) {
  position: relative;
  border-radius: 9999px !important;
  box-shadow: inset 0 0 0 0.5px #000 !important; /* consistent thin border */
}

.add-to-cart-btn.btn[disabled]:not(.push-btn)::before,
.add-to-cart-btn.btn[aria-disabled="true"]:not(.push-btn)::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 0.5px #000; /* same thickness */
}

/* ===== Variant-unavailable (push-btn version with surface) ===== */
.add-to-cart-btn.push-btn[disabled] .push-btn__surface,
.add-to-cart-btn.push-btn[aria-disabled="true"] .push-btn__surface {
  border: 0 !important;
  border-radius: 9999px !important;
  box-shadow: inset 0 0 0 0.5px #000 !important; /* same border as above */
}

/* Keep hover background change, never alter thickness */
.add-to-cart-btn[disabled]:hover,
.add-to-cart-btn[aria-disabled="true"]:hover {
  background-color: #fff !important;
  color: #000 !important;
}

/* Make sure announcement bar sits flush to top */
#shopify-section-announcement-bar,
.announcement-bar,
.announcement-bar-section {
  margin-top: 0 !important;
  border-top: 0 !important;
  background-color: #DEEEFA !important;
}

/* Kill any pseudo borders or hairlines some builds add */
#shopify-section-announcement-bar::before,
.announcement-bar::before,
.announcement-bar-section::before {
  content: none !important;
}


/* Announcement bar: smaller, spaced, bold */
#AnnouncementBar {
  --font-size-sm: 11px !important;   /* desktop */
  letter-spacing: 0.03em !important; /* spacing */
  font-weight: 500 !important;       /* bold */
}

@media (max-width: 768px) {
  #AnnouncementBar {
    --font-size-sm: 12.5px !important; /* mobile */
    letter-spacing: 0.03em !important;
    font-weight: 500 !important;
  }
}

/* === OVERSCROLL: top = #DEEEFA (blue), bottom = #F7E7DF (beige) === */

/* 0) Reset root spacing and let html paint the top overscroll */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
body { background: transparent !important; }

/* 1) Top overscroll comes from html background (blue) */
html {
  background-color: #DEEEFA !important; /* light blue */
  position: relative;                    /* create stacking context */
}

/* 2) Fixed beige layer for everything below the header/announcement area */
html::after {
  content: "";
  position: fixed;
  left: 0; right: 0;
  top: 320px;          /* adjust to sit just below your announcement/header */
  bottom: -120vh;      /* extend below viewport so footer overscroll is beige */
  background: #F7E7DF; /* beige */
  pointer-events: none;
  z-index: -1;         /* behind page content, in html’s stacking context */
}

/* 3) Nuke any hairline borders/shadows that can create a 1px seam */
#shopify-section-announcement-bar,
.announcement-bar,
.announcement-bar-section,
#shopify-section-header-group,
header.site-header,
.header,
.header__wrapper {
  border: 0 !important;
  box-shadow: none !important;
}
#shopify-section-announcement-bar::before,
#shopify-section-announcement-bar::after,
.announcement-bar::before,
.announcement-bar::after,
header.site-header::before,
header.site-header::after {
  content: none !important;
}

/* Bold number in cart icon */
#CartButton .bg-scheme-text.text-scheme-background {
  font-weight: 700 !important;
}

font-size: 0.7rem !important;

/* Mobile: increase vertical padding ONLY inside this Section Store block */
@media (max-width: 768px) {
  .section-template--19303379468467__ss_before_after_image_2_DHcTpA-settings
  .image-grid-template--19303379468467__ss_before_after_image_2_DHcTpA
  .image-left-template--19303379468467__ss_before_after_image_2_DHcTpA
  > a.image-btn-template--19303379468467__ss_before_after_image_2_DHcTpA {
    /* cover all padding mechanisms */
    --button-padding-y: 20px !important;
    --button-padding-vertical: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-block: 20px !important;

    /* make sure the link behaves like a button */
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1.2 !important;
    min-height: calc(1em + 48px) !important; /* keeps visual height even if theme uses line-height */
  }
}

@media (max-width: 768px) {
  .section-template--19303379468467__ss_before_after_image_2_DHcTpA-settings
  .image-left-template--19303379468467__ss_before_after_image_2_DHcTpA
  > a.image-btn-template--19303379468467__ss_before_after_image_2_DHcTpA.image-btn-template--19303379468467__ss_before_after_image_2_DHcTpA {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-block: 20px !important;
  }
}