4.5K views
1button { 2 align-items: center; 3 background-color: transparent; 4 color: #fff; 5 cursor: pointer; 6 display: flex; 7 font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 8 font-size: 1rem; 9 font-weight: 700; 10 line-height: 1.5; 11 text-decoration: none; 12 text-transform: uppercase; 13 outline: 0; 14 border: 0; 15 padding: 1rem; 16} 17 18button:before { 19 background-color: #fff; 20 content: ""; 21 display: inline-block; 22 height: 1px; 23 margin-right: 10px; 24 transition: all .42s cubic-bezier(.25,.8,.25,1); 25 width: 0; 26} 27 28button:hover:before { 29 background-color: #fff; 30 width: 3rem; 31}
portseif
portseif
MIT License