.project-meta>a.vapor-button,.vapor-button.round-link{position:relative;isolation:isolate;display:inline-grid;place-items:center;min-width:94px;width:94px;min-height:56px;padding:12px 14px;border:0;border-radius:0;background:none;box-shadow:none;color:#e8f5ff;font:500 12px var(--display);letter-spacing:1px;overflow:visible;align-self:start;flex-shrink:0;text-shadow:0 0 12px #80bfff88;transition:color .25s,transform .25s;outline-offset:3px}.vapor-button::before,.vapor-button::after{content:'';position:absolute;inset:10px 0;z-index:-2;pointer-events:none;filter:blur(8px);background:radial-gradient(ellipse at 30% 60%,#4169bd95,transparent 65%),radial-gradient(ellipse at 65% 40%,#83caff83,transparent 60%);animation:vapor-drift 5.6s ease-in-out infinite alternate;opacity:.7}.vapor-button::after{inset:14px 3px 8px;background:radial-gradient(ellipse at 70% 50%,#8c72ff63,transparent 65%),radial-gradient(ellipse at 35% 60%,#70cfff72,transparent 60%);animation-duration:7.3s;animation-delay:-3s;mix-blend-mode:screen}.vapor-button .vapor-label{position:relative;z-index:2}.vapor-particles{position:absolute;inset:0;z-index:-1;pointer-events:none}.vapor-particles i{position:absolute;left:var(--px);top:var(--py);width:2px;height:2px;border-radius:50%;background:#d4eeff;box-shadow:0 0 5px 1px #84bfff99;opacity:0;animation:vapor-particle var(--duration,4s) ease-in-out infinite;animation-delay:var(--delay,0s)}.vapor-particles i:nth-child(1){--px:10%;--py:60%;--delay:-1.8s;--duration:4.2s}.vapor-particles i:nth-child(2){--px:23%;--py:35%;--delay:-3.2s;--duration:5.2s}.vapor-particles i:nth-child(3){--px:38%;--py:72%;--delay:-.7s;--duration:4.6s}.vapor-particles i:nth-child(4){--px:53%;--py:29%;--delay:-2.1s;--duration:5.7s}.vapor-particles i:nth-child(5){--px:71%;--py:65%;--delay:-4s;--duration:4.9s}.vapor-particles i:nth-child(6){--px:85%;--py:43%;--delay:-1s;--duration:6.1s}.vapor-particles i:nth-child(7){--px:41%;--py:42%;--delay:-4.3s;--duration:6.3s}.vapor-particles i:nth-child(8){--px:68%;--py:45%;--delay:-2.7s;--duration:5.4s}.vapor-button:hover{color:#fff;transform:translateY(-2px);text-shadow:0 0 15px #8cceff}.vapor-button:hover::before,.vapor-button:hover::after{opacity:1}.vapor-button:focus-visible{outline:2px solid #b6d6ff;border-radius:12px}.vapor-button:active{transform:translateY(1px)}
@keyframes vapor-drift{0%{transform:translate(-5px,2px) rotate(-5deg) scale(.95,1.08)}50%{transform:translate(3px,-3px) rotate(3deg) scale(1.07,.9)}100%{transform:translate(6px,2px) rotate(-2deg) scale(1.02,1.1)}}
@keyframes vapor-particle{0%,100%{opacity:0;transform:translate(-8px,6px) scale(.4)}30%{opacity:.6}65%{opacity:.9;transform:translate(4px,-4px) scale(1)}90%{opacity:0;transform:translate(12px,-10px) scale(.5)}}
@media(max-width:620px){.project-meta>a.vapor-button,.vapor-button.round-link{min-width:80px;width:80px;font-size:11px;min-height:52px}}
@media(prefers-reduced-motion:reduce){.vapor-button::before,.vapor-button::after,.vapor-particles i{animation:none!important}.vapor-particles i{opacity:.4}}
