![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by LeryLey
#0d0d0d
1.button { 2 cursor: pointer; 3 position: relative; 4 width: 125px; 5 height: 40px; 6 border-radius: 60px; 7 background: #222; 8 color: #fff; 9 outline: none; 10 overflow: hidden; 11 border: 2px solid rgb(56, 56, 56); 12 font-weight: 600; 13 z-index: 1; 14 transition: 0.5s; 15} 16.button:hover { 17 color: white; 18} 19.button::before { 20 position: absolute; 21 content: ""; 22 width: 0; 23 height: 0; 24 border-radius: 50%; 25 background: linear-gradient( 26 to right, 27 rgb(59, 59, 184), 28 rgb(163, 65, 65), 29 rgb(172, 26, 26) 30 ); 31 left: -15px; 32 bottom: 0; 33 transform: translateY(50%); 34 transition: 0.5s; 35 z-index: -1; 36} 37.button:hover:before { 38 width: 170px; 39 height: 170px; 40} 41
144 views
144 views
MIT License