#e8e8e8
1.button-container { 2 display: flex; 3 background-color: rgba(245, 73, 144); 4 width: 250px; 5 height: 40px; 6 align-items: center; 7 justify-content: space-around; 8 border-radius: 10px; 9 box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px, 10 rgba(245, 73, 144, 0.5) 5px 10px 15px; 11} 12 13.button { 14 outline: 0 !important; 15 border: 0 !important; 16 width: 40px; 17 height: 40px; 18 border-radius: 50%; 19 background-color: transparent; 20 display: flex; 21 align-items: center; 22 justify-content: center; 23 color: #fff; 24 transition: all ease-in-out 0.3s; 25 cursor: pointer; 26} 27 28.button:hover { 29 transform: translateY(-3px); 30} 31 32.icon { 33 font-size: 20px; 34}
Comments
MIT License