css-流光按钮

思路：
● 按钮，相对定位，添加渐变色，因为是流光的效果，所以从左到右，添加4个颜色，背景渐变大小400%，这样当前只显示2个渐变颜色
● 设置动画 让渐变色的位置从-400%开始，当鼠标滑倒按钮上时，开启动画8秒，无效循环
● 给按钮再添加一个before样式，让位置再按钮的四周各-5px的位置，沿用上面的渐变色，但是模糊20像素
● 设置：当鼠标滑到按钮上后,before的样式，就是开启动画8秒，无效循环

<a href="#">sunbutton</a>

*{
   
   
            padding: 0;
            margin: 0;  
        }
        body{
   
   
            display: flex;