This post is saved as a draft.
#e8e8e8
1button { 2 border-radius: .25rem; 3 text-transform: uppercase; 4 font-style: normal; 5 font-weight: 400; 6 padding-left: 25px; 7 padding-right: 25px; 8 color: #fff; 9 -webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%); 10 clip-path: polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 100%); 11 height: 40px; 12 font-size: 0.7rem; 13 line-height: 14px; 14 letter-spacing: 1.2px; 15 transition: .2s .1s; 16 background-image: linear-gradient(90deg,#1c1c1c,#6220fb); 17 border: 0 solid; 18 overflow: hidden; 19} 20 21button:hover { 22 cursor: pointer; 23 transition: all .3s ease-in; 24 padding-right: 30px; 25 padding-left: 30px; 26}
Variation of abutton
Variation of abutton