![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by Mini-khamasino
#e8e8e8
1.button { 2 background-color: rgb(236, 235, 235); 3 width: 170px; 4 height: 50px; 5 border-radius: 10px; 6 border: 0.1px solid rgb(179, 178, 178); 7 position: absolute; 8 display: flex; 9 align-items: center; 10 justify-content: center; 11 box-shadow: 0px 3px 7px rgb(97, 97, 97); 12 cursor: pointer; 13} 14.ellipse { 15 position: relative; 16 padding-top: 10px; 17 width: 160px; 18 height: 40px; 19 border-radius: 25px; 20 border: 0px; 21 background-image: linear-gradient(rgb(218, 217, 217), rgb(250, 250, 250)); 22 box-shadow: 0px 4px 5px rgb(231, 231, 231); 23 cursor: pointer; 24 font-size: medium; 25} 26.icon { 27 position: absolute; 28 width: 18px; 29 left: 8%; 30 transition-duration: 0.5s; 31} 32 33.button:hover .icon { 34 left: 80%; 35 transform: rotate(45deg); 36 fill: rgb(22, 219, 101); 37} 38 39.text2 { 40 position: absolute; 41 left: 30%; 42 top: 27%; 43 font-weight: bold; 44 color: rgb(22, 219, 101, 0); 45 letter-spacing: 3px; 46 transition: color 0.3s; 47} 48 49.button:hover .text1 { 50 color: rgb(255, 255, 255, 0); 51 transition-duration: 0.3s; 52} 53 54.text1 { 55 width: 70%; 56 position: absolute; 57 font-size: 15px; 58 left: 24%; 59 transition-duration: 1s; 60} 61 62.button:hover .text2 { 63 color: rgb(22, 219, 101); 64 letter-spacing: 3px; 65 transition-duration: 0.5s; 66} 67
40 views
40 views
MIT License