43 lines
825 B
CSS
43 lines
825 B
CSS
.card-content {
|
|
background: #ffffff;
|
|
padding: 32px 36px;
|
|
border-radius: 20px;
|
|
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
|
|
width: 350px;
|
|
min-height: 180px;
|
|
transition: transform 0.2s ease, box-shadow 0.2s ease;
|
|
}
|
|
|
|
.card-content:hover {
|
|
transform: translateY(-6px);
|
|
box-shadow: 0 14px 26px rgba(0, 0, 0, 0.16);
|
|
}
|
|
|
|
/* Ligne du haut : icône ET nombre */
|
|
.card-top {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 20px;
|
|
}
|
|
|
|
/* Icône à gauche (plus grande) */
|
|
.card-top nz-icon {
|
|
font-size: 50px;
|
|
}
|
|
|
|
/* Nombre à droite de l'icône (plus grand) */
|
|
.card-number {
|
|
font-size: 48px;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
color: #111827;
|
|
}
|
|
|
|
/* Texte en dessous (plus lisible) */
|
|
.card-text {
|
|
margin-top: 18px;
|
|
font-size: 18px;
|
|
line-height: 1.4;
|
|
color: #4b5563;
|
|
}
|