Button by alexreyes091
#e8e8e8
1.btn { 2 padding: 1rem 2rem; 3 font-weight: 700; 4 background: rgb(255, 255, 255); 5 color: blueviolet; 6 border-radius: .5rem; 7 border-bottom: 2px solid blueviolet; 8 border-right: 2px solid blueviolet; 9 border-top: 2px solid white; 10 border-left: 2px solid white; 11 transition-duration: 1s; 12 transition-property: border-top, 13 border-left, 14 border-bottom, 15 border-right, 16 box-shadow; 17} 18 19.btn:hover { 20 border-top: 2px solid blueviolet; 21 border-left: 2px solid blueviolet; 22 border-bottom: 2px solid rgb(238, 103, 238); 23 border-right: 2px solid rgb(238, 103, 238); 24 box-shadow: rgba(240, 46, 170, 0.4) 5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) 15px 15px; 25}
8.1K views
8.1K views
MIT License