#e8e8e8
1.container { 2 position: relative; 3 width: 250px; 4 /* choose your size */ 5 display: flex; 6 flex-wrap: wrap; 7 gap: 10px; 8} 9 10.container button { 11 width: 50px; 12 height: 50px; 13 border: none; 14 background-color: #313638; 15 transition: 0.3s; 16 cursor: pointer; 17} 18 19.icon { 20 width: 26px; 21 height: 26px; 22 fill: #fff; 23} 24 25.container button:nth-child(1):hover { 26 background-color: #2753a7; 27} 28 29.container button:nth-child(2):hover { 30 background-color: #cd242b; 31} 32 33.container button:nth-child(3):hover { 34 background-color: #55acee; 35} 36 37.container button:nth-child(4):hover { 38 background-color: #0274b3; 39} 40 41.title { 42 color: gray; 43 font-weight: 700; 44 font-size: 17px; 45 position: absolute; 46 top: -35px; 47 left: 0; 48}
Comments
MIT License