Button by vinodjangid07
#e8e8e8
1.reward-btn { 2 width: 120px; 3 height: 40px; 4 background-color: #101218; 5 display: flex; 6 align-items: center; 7 justify-content: center; 8 border: none; 9 border-radius: 8px; 10 cursor: pointer; 11 transition: all 0.3s; 12} 13.IconContainer { 14 width: 40px; 15 height: 40px; 16 display: flex; 17 flex-direction: column; 18 align-items: center; 19 justify-content: center; 20 position: relative; 21} 22.IconContainer svg { 23 width: 40%; 24 z-index: 3; 25} 26.box-top { 27 transition: all 0.3s; 28} 29.text { 30 width: 70px; 31 height: 100%; 32 font-size: 13px; 33 color: #6a8ef6; 34 display: flex; 35 align-items: center; 36 justify-content: flex-start; 37 font-weight: 600; 38} 39.reward-btn:hover .IconContainer .box-top { 40 transform: translateY(-5px); 41} 42.reward-btn:hover { 43 background-color: #202531; 44} 45.reward-btn:hover .coin { 46 transform: translateY(-5px); 47 transition-delay: 0.2s; 48} 49.coin { 50 width: 25%; 51 height: 25%; 52 background-color: #e4d61a; 53 position: absolute; 54 border-radius: 50%; 55 transition: all 0.3s; 56 z-index: 1; 57 border: 2px solid #ffe956; 58 margin-top: 4px; 59} 60
802 views
802 views
MuhammadHasann 23. January at 9:19
23. January at 9:19
your button is so cute. I really like the detail
vinodjangid07 23. January at 12:39
23. January at 12:39
@MuhammadHasann Thanks : ), I really appreciate it!
MIT License