<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--v:#7100fd;--bk:#000;--wh:#f6f4ff;--gy:#7b776f}
html{scroll-behavior:smooth}
body{background:var(--bk);color:var(--wh);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.section{padding:110px 5vw}
@media(max-width:768px){.section{padding:72px 5vw}}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .25s;font-family:inherit;white-space:nowrap}
.btn-v{background:var(--v);color:var(--wh)}
.btn-v:hover{background:var(--wh);color:var(--v);transform:translateY(-2px)}
.btn-o{background:transparent;color:var(--wh);border:1.5px solid rgba(255,255,255,.35)}
.btn-o:hover{background:var(--wh);color:var(--bk)}
.btn-od{background:transparent;color:var(--bk);border:1.5px solid rgba(0,0,0,.25)}
.btn-od:hover{background:var(--bk);color:var(--wh)}
.btn svg{transition:transform .25s;flex-shrink:0}
.btn:hover svg{transform:translateX(4px)}

