Animated Border Button
A button wrapped in a rotating conic-gradient border that glows on hover — a CTA that pops.
<button class="aub">Get Pro Access</button>body{background:#0a0a14}
.aub{position:relative;font:700 16px/1 system-ui,sans-serif;color:#fff;border:0;border-radius:14px;padding:16px 34px;cursor:pointer;background:#11111b;z-index:0}
.aub::before{content:'';position:absolute;inset:-2px;border-radius:16px;background:conic-gradient(from 0deg,#ff7a18,#ff477e,#7b2ff7,#00d4ff,#ff7a18);z-index:-1;animation:spin 3s linear infinite}
.aub::after{content:'';position:absolute;inset:0;border-radius:14px;background:#11111b;z-index:-1}
.aub:hover::before{filter:brightness(1.3)}
@keyframes spin{to{transform:rotate(360deg)}}Free to use.This snippet is plain HTML, CSS and JavaScript with no dependencies. Copy any file, or download the whole thing as a single ready-to-open .html page.