button.primary{display:flex;flex-direction:row;gap:.75rem;color:#fff;padding:.75rem 2rem;position:relative;background:#2c2c2c;border:none;border-radius:30px;white-space:nowrap;cursor:pointer;font-family:"Archivo-Regular";outline:none}button.primary::before{content:"";position:absolute;inset:0;border-radius:30px;padding:.15rem;background:linear-gradient(45deg, #09C269, #00D1FF);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}button.primary:hover{background:linear-gradient(45deg, #09C269, #00D1FF)}button.primary.reverse{background:linear-gradient(45deg, #09C269, #00D1FF)}button.primary.reverse::before{display:none}button.primary.reverse:hover{background:#2c2c2c}button.primary.white{background-color:#fff;border-radius:20px}button.primary.white::before{border-radius:20px}