#e8e8e8
1.button { 2 --bg-color: #fff; 3 --main-color: #323232; 4 width: 40px; 5 height: 40px; 6 border-radius: 100%; 7 border: 2px solid var(--main-color); 8 background-color: var(--bg-color); 9 box-shadow: 4px 4px var(--main-color); 10 font-size: 25px; 11 display: flex; 12 justify-content: center; 13 align-items: center; 14 transition: all 0.2s; 15 cursor: pointer; 16} 17 18.button:active { 19 box-shadow: 0px 0px var(--main-color); 20 transform: translate(3px, 3px); 21} 22 23.icon { 24 width: 24px; 25 height: 24px; 26 fill: var(--main-color); 27}
1.5K views
1.5K views
Comments
Variations
1 MIT License