Button by xantha01
#212121
1.swipe { 2 position: relative; 3 background-color: #F1F7F7; 4 width: 200px; 5 height: 60px; 6 color: rgba(255, , 204, 1); 7 border-radius: 60px; 8 display: flex; 9 justify-content: center; 10 align-items: center; 11 text-decoration: none; 12 letter-spacing: 2px; 13 border-top: 0.5px solid rgba(0, 0, 0, 0.35); 14 border-left: 0.5px solid rgba(0, 0, 0, 0.35); 15 padding-left: 40px; 16 cursor: pointer; 17 transition: 0.35s ease; 18} 19 20.swipe:hover { 21 padding-left: 0; 22 padding-right: 40px; 23 color: #324B4C; 24} 25 26.container { 27 position: absolute; 28 left: 5px; 29 width: 50px; 30 height: 50px; 31 background: #7AB5B7; 32 border-radius: 50%; 33 transition: 0.35s ease; 34 display: flex; 35 justify-content: center; 36 align-items: center; 37 color: #f1f4f7; 38} 39 40.swipe:hover .container { 41 left: calc(100% - 55px); 42 color: #324B4C; 43}
1K views
1K views
MIT License