.card { padding: 25px 20px 20px 20px; display: flex; flex-direction: column; align-items: center; } .card h6, p { color: #999; } .icon { margin-top: 20px; width: 130px; height: 130px; border: 1px solid #e5e5e5; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .icon i { font-size: 55px; color: #e91e63; } .card-title { margin-top: 30px; margin-bottom: 3px; } .card-description { margin-bottom: 20px; } .card-dataset { display: flex; flex-direction: column; padding: 20px; position: relative; margin-top: 40px; } .card { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); border-radius: 6px; color: rgba(0, 0, 0, 0.87); background: #fff; } .card-raised { box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .full-width { width: 100%; }