1button { 2 position: relative; 3 padding-top: 0.75rem; 4 padding-right: 1.5rem; 5 padding-bottom: 0.75rem; 6 padding-left: 1.5rem; 7 transition: all 0.3s; 8 border-radius: 0.5rem; 9 color: #000; 10 font-weight: bold; 11 font-size: 1.2rem; 12 border: none; 13 background-image: linear-gradient(to bottom left, #68ecc0, #63aff1, #9b6fff); 14} 15 16button:hover { 17 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000; 18} 19 20button svg { 21 pointer-events: none; 22 opacity: 100; 23 border-radius: 0.5rem; 24 mix-blend-mode: soft-light; 25 width: 100%; 26 height: 100%; 27 position: absolute; 28 top: 0px; 29 left: 0px; 30}
alkanoidev
Filip Ivanovic
MIT License