.button_su{overflow:hidden;position:relative;border-radius:10px;height:40px;width:170px}.su_button_circle{background-color:#fcfcfc;border-radius:100%;position:absolute;left:0;top:0;width:0;height:0;margin-left:0;margin-top:0;pointer-events:none}.button_su_inner{display:flex;align-items:center;justify-content:center;background:#0d0d0d;width:100%;height:100%;text-align:center;border-radius:10px;transition:.8s;text-decoration:none}.explode-circle{animation:explode .8s forwards}.desplode-circle{animation:desplode .8s forwards}@keyframes explode{0%{width:0;height:0;margin-left:0;margin-top:0;background-color:#0d0d0d}to{width:400px;height:400px;margin-left:-200px;margin-top:-200px;background-color:#c0dedc}}@keyframes desplode{0%{width:400px;height:400px;margin-left:-200px;margin-top:-200px;background-color:#c0dedc}to{width:0;height:0;margin-left:0;margin-top:0;background-color:#0d0d0d}}@property --angle{syntax:"<angle>";initial-value:90deg;inherits:true}:root{--angle:90deg}.border_light:hover{border-width:.5px;-o-border-image:conic-gradient(from var(--angle),transparent,#fff 36deg,#fff 54deg,transparent 90deg) 30;border-image:conic-gradient(from var(--angle),transparent,#fff 36deg,#fff 54deg,transparent 90deg) 30}@keyframes borderRotate{to{--angle:420deg;border-width:0}}