Button by JaydipPrajapati1910
#e8e8e8
1.button { 2 display: flex; 3 align-items: center; 4 justify-content: center; 5 line-height: 1; 6 text-decoration: none; 7 color: #0000FF; 8 font-size: 17px; 9 border-radius: 5px; 10 width: 160px; 11 height: 40px; 12 border: 1px solid #0000FF; 13 position: relative; 14 transition: 0.3s; 15 background-color: #ffffff; 16 font-weight: 600; 17} 18 19.button::before { 20 content: "FREE"; 21 display: block; 22 font-size: 13px; 23 background-color: #0000FF; 24 color: #fff; 25 border-radius: 3px; 26 padding: 3px 5px; 27 position: absolute; 28 top: 0; 29 left: 0; 30 transform: translate(-5px, -30%); 31 transition: .3s; 32} 33 34.button:hover::before { 35 transform: translate(-5px, -50%); 36} 37 38
646 views
646 views
MIT License