Button by btongheng
#e8e8e8
1.container { 2 position: relative; 3 width: 4.5em; 4 height: 4em; 5 background-color: #644dff; 6 overflow: hidden; 7 border-radius: 100%; 8 display: flex; 9 justify-content: center; 10 align-items: center; 11 scale: 2; 12 box-shadow: 0 .5em #4836bb; 13 transition: all .1s ease; 14 filter: drop-shadow(0 6px 2px #4836bb38); 15 border: 1px solid #4836bb; 16} 17 18.button { 19 font-weight: 800; 20 cursor: pointer; 21 position: absolute; 22 text-transform: uppercase; 23 height: 110%; 24 width: 110%; 25 background-color: #644dff; 26 color: white; 27} 28 29.container:has(.button:active) { 30 box-shadow: none; 31 margin-top: 2em; 32 filter: drop-shadow(0 3px 1px #4836bbbe); 33} 34
388 views
Variation of abutton
MIT License