.card-frame,.sun-button{position:relative}
.sun-rays{--ray-inset:-28px;--ray-length:15px;--ray-width:3px;--ray-edge:5px;--ray-offset:42px;--ray-mid:18px;--ray-tip:4px;--ray-wide:45px;position:absolute;inset:var(--ray-inset);pointer-events:none;opacity:0;transform:scale(.94)}
.sun-rays i{position:absolute;display:block;width:var(--ray-width);height:var(--ray-length);border-radius:3px;background:#e9b829}
.sun-rays i:nth-child(1){left:var(--ray-edge);top:var(--ray-offset);transform:rotate(-62deg)}
.sun-rays i:nth-child(2){left:var(--ray-mid);top:var(--ray-mid);transform:rotate(-36deg)}
.sun-rays i:nth-child(3){left:var(--ray-wide);top:var(--ray-tip);transform:rotate(-12deg)}
.sun-rays i:nth-child(4){right:var(--ray-wide);top:var(--ray-tip);transform:rotate(12deg)}
.sun-rays i:nth-child(5){right:var(--ray-mid);top:var(--ray-mid);transform:rotate(36deg)}
.sun-rays i:nth-child(6){right:var(--ray-edge);top:var(--ray-offset);transform:rotate(62deg)}
.sun-rays i:nth-child(7){left:var(--ray-edge);bottom:var(--ray-offset);transform:rotate(62deg)}
.sun-rays i:nth-child(8){left:var(--ray-mid);bottom:var(--ray-mid);transform:rotate(36deg)}
.sun-rays i:nth-child(9){left:var(--ray-wide);bottom:var(--ray-tip);transform:rotate(12deg)}
.sun-rays i:nth-child(10){right:var(--ray-wide);bottom:var(--ray-tip);transform:rotate(-12deg)}
.sun-rays i:nth-child(11){right:var(--ray-mid);bottom:var(--ray-mid);transform:rotate(-36deg)}
.sun-rays i:nth-child(12){right:var(--ray-edge);bottom:var(--ray-offset);transform:rotate(-62deg)}
.sun-button>.sun-rays{--ray-inset:-12px;--ray-length:7px;--ray-width:2px;--ray-edge:0px;--ray-offset:18px;--ray-mid:6px;--ray-tip:0px;--ray-wide:20px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.sun-rays{transition:opacity .22s ease,transform .3s ease}.card-frame:hover>.sun-rays,.sun-button:not(:disabled):hover>.sun-rays{opacity:.85;transform:scale(1)}}