.vpb,.vpb *,.vpb *:before,.vpb *:after{box-sizing:border-box}.vpb{--vpb-bg: #000;--vpb-pink: #ffb3d9;--vpb-hot: #ff4fa3;--vpb-cyan: #5ce1e6;--vpb-mute: rgba(255,179,217,.72);--vpb-line: #3a1f2e;--vpb-n: 4;--vpb-padx: clamp(12px, 4vw, 40px);--vpb-gap: clamp(6px, 1.8vw, 22px);--vpb-tile: calc((min(100vw - 2 * var(--vpb-padx), 1240px) - (var(--vpb-n) - 1) * var(--vpb-gap)) / var(--vpb-n));position:relative;isolation:isolate;overflow:hidden;background:var(--vpb-bg);color:var(--vpb-pink);padding:var(--vpb-pt, 32px) var(--vpb-padx) var(--vpb-pb, 40px)}.vpb:before{content:"";position:absolute;inset:-30% -10% auto -10%;height:90%;z-index:-1;pointer-events:none;background:radial-gradient(55% 60% at 15% 20%,rgba(255,79,163,.14),transparent 70%),radial-gradient(50% 55% at 90% 10%,rgba(92,225,230,.09),transparent 70%)}.vpb__wrap{max-width:1240px;margin:0 auto}.vpb__head{text-align:center;margin:0 auto clamp(18px,4vw,32px);max-width:720px}.vpb__eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--vpb-cyan);font-weight:700}.vpb__title{margin:0;font-family:var(--heading-font-family, inherit);text-transform:uppercase;font-weight:800;line-height:1;letter-spacing:.08em;font-size:clamp(24px,5.5vw,44px);color:var(--vpb-pink);text-shadow:0 0 .5em rgba(255,79,163,.5),.05em .05em 0 rgba(92,225,230,.35)}.vpb__sub{margin:12px auto 0;color:var(--vpb-mute);line-height:1.5;font-size:clamp(13px,2.4vw,16px)}.vpb__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--vpb-n),minmax(0,1fr));gap:var(--vpb-gap)}.vpb__item{margin:0;padding:0;min-width:0}.vpb__tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:clamp(76px,20vw,210px);padding:clamp(8px,2vw,18px) clamp(2px,1vw,12px);overflow:hidden;background:linear-gradient(180deg,#101010,#070707);color:var(--vpb-pink);text-decoration:none;text-align:center;border:2px solid var(--vpb-line);border-radius:4px;transition:border-color .2s ease,box-shadow .25s ease,transform .25s ease;-webkit-tap-highlight-color:transparent}.vpb__tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}.vpb__edge{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;opacity:0;border:2px solid var(--vpb-hot);border-radius:4px;box-shadow:4px 4px 0 var(--vpb-cyan),-4px -4px #ff4fa373;transition:opacity .15s ease}.vpb__label{position:relative;z-index:1;display:block;text-transform:uppercase;font-family:var(--heading-font-family, inherit);font-weight:900;line-height:.95;letter-spacing:0;white-space:nowrap;font-size:clamp(18px,calc(var(--vpb-tile) / 2.7),92px);color:var(--vpb-pink);text-shadow:0 0 .35em rgba(255,79,163,.5)}.vpb__label:before,.vpb__label:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.vpb__label:before{color:var(--vpb-cyan);transform:translate(-.04em,.02em)}.vpb__label:after{color:var(--vpb-hot);transform:translate(.04em,-.02em)}.vpb__caption{position:relative;z-index:1;font-size:clamp(10px,1.9vw,13px);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--vpb-mute)}.vpb__arrow{position:absolute;right:12px;bottom:8px;z-index:1;font-size:18px;color:var(--vpb-cyan);opacity:0;transform:translate(-6px);transition:opacity .2s ease,transform .2s ease}@media(max-width:519px){.vpb__tile{border-width:1px;gap:0}.vpb__edge{border-width:1px;box-shadow:2px 2px 0 var(--vpb-cyan),-2px -2px #ff4fa373}.vpb__caption,.vpb__arrow{display:none}.vpb__title{letter-spacing:.05em}}.vpb__tile:hover,.vpb__tile:focus-visible{border-color:var(--vpb-hot);box-shadow:0 0 28px #ff4fa352,inset 0 0 40px #5ce1e612;transform:translateY(-3px)}.vpb__tile:hover .vpb__edge,.vpb__tile:focus-visible .vpb__edge{opacity:1;animation:vpb-edge .9s steps(2,end) infinite}.vpb__tile:hover .vpb__label:before,.vpb__tile:focus-visible .vpb__label:before{opacity:.85;animation:vpb-glitch-a .7s steps(2,end) infinite}.vpb__tile:hover .vpb__label:after,.vpb__tile:focus-visible .vpb__label:after{opacity:.85;animation:vpb-glitch-b .7s steps(2,end) infinite}.vpb__tile:hover .vpb__arrow,.vpb__tile:focus-visible .vpb__arrow{opacity:1;transform:translate(0)}.vpb__tile:focus-visible{outline:2px solid var(--vpb-cyan);outline-offset:3px}.vpb__tile:active{transform:translateY(0) scale(.985)}.vpb__tile--static{cursor:default}@keyframes vpb-edge{0%{box-shadow:4px 4px 0 var(--vpb-cyan),-4px -4px #ff4fa373}50%{box-shadow:-4px 3px 0 var(--vpb-cyan),4px -3px #ff4fa373}to{box-shadow:4px 4px 0 var(--vpb-cyan),-4px -4px #ff4fa373}}@keyframes vpb-glitch-a{0%{clip-path:inset(0 0 62% 0);transform:translate(-.05em,.02em)}50%{clip-path:inset(38% 0 20% 0);transform:translate(.04em,-.01em)}to{clip-path:inset(70% 0 0 0);transform:translate(-.03em,.02em)}}@keyframes vpb-glitch-b{0%{clip-path:inset(60% 0 0 0);transform:translate(.05em,-.02em)}50%{clip-path:inset(10% 0 55% 0);transform:translate(-.04em,.01em)}to{clip-path:inset(0 0 72% 0);transform:translate(.03em,-.02em)}}@media(prefers-reduced-motion:reduce){.vpb__tile,.vpb__arrow{transition:none}.vpb__tile:hover .vpb__edge,.vpb__tile:focus-visible .vpb__edge,.vpb__tile:hover .vpb__label:before,.vpb__tile:focus-visible .vpb__label:before,.vpb__tile:hover .vpb__label:after,.vpb__tile:focus-visible .vpb__label:after{animation:none}.vpb__tile:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/vvs-price-buttons.css.map */