This post is saved as a draft.
#e8e8e8
1.card { 2 width: 275px; 3 height: auto; 4 display: flex; 5 flex-direction: column; 6 align-items: center; 7 justify-content: center; 8 background-color: white; 9 border-radius: 20px; 10 padding: 30px; 11 gap: 10px; 12 border: 2px solid transparent; 13 transition: all 0.3s ease-in-out; 14 cursor: pointer; 15} 16 17.card:hover { 18 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 19} 20 21.card > .image { 22 width: 70px; 23 height: 70px; 24 transition: all 0.1s ease-in-out; 25} 26 27.card > .number-h1 { 28 font-size: 15px; 29 font-weight: bold; 30 padding: 5px 7px; 31 border-radius: 10px; 32 color: white; 33 background-color: #e57e25; 34} 35 36.card > .h1 { 37 font-size: 17px; 38 font-weight: bold; 39 text-align: center; 40} 41 42.card > .p { 43 color: #9e9da1; 44 font-size: 14px; 45 text-align: center; 46}
Variation of acard
Variation of acard