.ns-water-ripple-button-section{box-sizing:border-box;width:100%;padding-inline:clamp(1rem,4vw,3rem)}.ns-water-ripple-button-section--compact{padding-block:1.5rem}.ns-water-ripple-button-section--standard{padding-block:3rem}.ns-water-ripple-button-section--spacious{padding-block:5rem}.ns-water-ripple-button-section--left{text-align:left}.ns-water-ripple-button-section--center{text-align:center}.ns-water-ripple-button-section--right{text-align:right}.ns-water-ripple-button{display:inline-block;max-width:100%;vertical-align:middle}.ns-water-ripple-button__link{position:relative;display:inline-flex;box-sizing:border-box;max-width:100%;min-height:44px;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--ns-water-button-shimmer) 48%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--ns-water-button-surface) 76%,white),var(--ns-water-button-surface));color:var(--ns-water-button-text);font:inherit;font-family:var(--ns-water-button-font, inherit);line-height:1.25;text-align:center;text-decoration:none;box-shadow:inset 0 1px color-mix(in srgb,var(--ns-water-button-shimmer) 25%,transparent);touch-action:manipulation}.ns-water-ripple-button--small .ns-water-ripple-button__link{min-width:160px;padding:12px 20px;font-size:14px}.ns-water-ripple-button--medium .ns-water-ripple-button__link{min-width:208px;padding:16px 28px;font-size:16px}.ns-water-ripple-button--large .ns-water-ripple-button__link{min-width:min(288px,100%);padding:20px 36px;font-size:18px}.ns-water-ripple-button--soft .ns-water-ripple-button__link{border-radius:9.6px}.ns-water-ripple-button--pill .ns-water-ripple-button__link{border-radius:999px}.ns-water-ripple-button__link:focus-visible{outline:3px solid var(--ns-water-button-shimmer);outline-offset:4px}.ns-water-ripple-button__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.ns-water-ripple-button__label{position:relative;z-index:1;overflow-wrap:anywhere;color:inherit}@media(prefers-reduced-motion:reduce){.ns-water-ripple-button__canvas{display:none}}.ns-water-ripple-button.ns-water-ripple-button--mobile-only{display:none}@media(max-width:749px){.ns-water-ripple-button.ns-water-ripple-button--desktop-only{display:none}.ns-water-ripple-button.ns-water-ripple-button--mobile-only{display:inline-block}}.ns-water-ripple-button--filled .ns-water-ripple-button__link{border-color:var(--ns-water-button-surface);background:var(--ns-water-button-surface);box-shadow:none}.ns-water-ripple-button--outline .ns-water-ripple-button__link{border-color:var(--ns-water-button-border);background:transparent;box-shadow:none}.ns-water-ripple-button--filled .ns-water-ripple-button__link:hover{background:color-mix(in srgb,var(--ns-water-button-surface) 88%,var(--ns-water-button-text))}.ns-water-ripple-button--outline .ns-water-ripple-button__link:hover{background:color-mix(in srgb,var(--ns-water-button-text) 10%,transparent)}.ns-water-ripple-button--text .ns-water-ripple-button__link{min-width:0;padding-inline:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:.2em}.ns-water-ripple-button--text .ns-water-ripple-button__link:hover{text-decoration-thickness:2px}.ns-water-ripple-button--filled .ns-water-ripple-button__link:focus-visible,.ns-water-ripple-button--outline .ns-water-ripple-button__link:focus-visible,.ns-water-ripple-button--text .ns-water-ripple-button__link:focus-visible{outline-color:currentColor}.ns-water-ripple-button--square .ns-water-ripple-button__link{border-radius:0}.ns-water-ripple-button--outline .ns-water-ripple-button__link{border-width:var(--ns-water-button-border-width, 1px)}.ns-water-ripple-button--width-full,.ns-water-ripple-button--width-full .ns-water-ripple-button__link{width:100%}.ns-water-ripple-button__link{gap:.6em}.ns-water-ripple-button__arrow{position:relative;z-index:1;flex:0 0 auto;width:1.2em;height:1.2em}.ns-water-ripple-button .ns-water-ripple-button__link:is(:hover,:focus-visible){color:var(--ns-water-button-hover-text, var(--ns-water-button-text))}.ns-water-ripple-button--filled .ns-water-ripple-button__link:is(:hover,:focus-visible){background:var(--ns-water-button-hover-background, color-mix(in srgb, var(--ns-water-button-surface) 88%, var(--ns-water-button-text)));border-color:var(--ns-water-button-hover-background, var(--ns-water-button-surface))}.ns-water-ripple-button--outline .ns-water-ripple-button__link:is(:hover,:focus-visible){background:var(--ns-water-button-hover-background, color-mix(in srgb, var(--ns-water-button-text) 10%, transparent));border-color:var(--ns-water-button-hover-border, var(--ns-water-button-border))}.ns-water-ripple-button--water[data-hover-surface] .ns-water-ripple-button__link:is(:hover,:focus-visible){background:var(--ns-water-button-hover-background)}.ns-water-ripple-button--width-fit .ns-water-ripple-button__link,.ns-water-ripple-button--width-full .ns-water-ripple-button__link{min-width:0}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ns-water-ripple-button.css.map */