.box{width:fit;color:#fff;text-shadow:0 1px #000;--border-angle:0turn;--main-bg:conic-gradient(from var(--border-angle),var(--secondary800),var(--secondary800),var(--secondary800),var(--secondary800));--gradient-border:conic-gradient(from var(--border-angle),transparent 25%,#ffd61f7e,#ffd61f 99%,transparent);background:var(--main-bg)padding-box,var(--gradient-border)border-box,var(--main-bg)border-box;background-position:50%;border:3px solid #0000;border-radius:.5rem;place-content:center;height:fit-content;padding:1rem;animation:3.8s linear infinite bg-spin;display:grid}@keyframes bg-spin{to{--border-angle:1turn}}.box:hover{animation-play-state:paused}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}