@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.gradient-border-btn{position:relative;padding:1px;border-radius:30px;background:transparent;overflow:hidden;color:#fff}.gradient-border-btn:before{content:"";position:absolute;inset:0;background:conic-gradient(from var(--angle,0deg),#fff,hsla(0,0%,100%,.3),#fff);animation:spin 2s linear infinite;z-index:0;pointer-events:none}.btn-content{position:relative;display:flex;align-items:center;gap:10px;background:#333;color:#fff;padding:4.8px 1.25rem;border-radius:30px;font-weight:500;z-index:1;transition:all .5s ease}.btn-content:hover{background:#ff6f00;color:#000;transition:all .5s ease}@keyframes spin{to{--angle:1turn}}