.button{--border-angle:0deg;--bg:#47402c;background:linear-gradient(#121212,#121212)padding-box,conic-gradient(from var(--border-angle),var(--bg)0%,#b2924b 50%,var(--bg)75%)border-box;border:2px solid #b2924b;border-radius:30px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;transition:border .5s;display:inline-flex;position:relative;overflow:visible}.button.glow:before{content:"";opacity:0;pointer-events:none;border-radius:30px;padding:2px;transition:opacity .5s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;-webkit-mask-composite:xor;mask-composite:exclude}.button.glow{animation:2s linear infinite paused border-angle-rotate}.button.glow:hover{border:2px solid transparent;animation-play-state:running}.button.glow:hover:before{opacity:1}@keyframes border-angle-rotate{0%{--border-angle:0deg}to{--border-angle:360deg}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}