#e8e8e8
1.Btn { 2 width: 100px; 3 height: 35px; 4 display: flex; 5 align-items: center; 6 justify-content: flex-start; 7 border: none; 8 border-radius: 4px; 9 overflow: hidden; 10 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.164); 11 cursor: pointer; 12} 13 14.text { 15 width: 65%; 16 height: 100%; 17 display: flex; 18 align-items: center; 19 justify-content: center; 20 color: white; 21 background-color: rgb(2, 153, 153); 22} 23 24.svgIcon { 25 width: 35%; 26 height: 100%; 27 display: flex; 28 align-items: center; 29 justify-content: center; 30 color: white; 31 background-color: teal; 32} 33 34.Btn:hover .text { 35 background-color: rgb(0, 133, 133); 36} 37 38.Btn:hover .svgIcon { 39 background-color: rgb(0, 105, 105); 40}
4.7K views
4.7K views
Comments
MIT License