.kf-card {
background: #fff;
padding: 25px;
border-radius: 12px;
text-align: center;
box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}
.kf-img-wrapper {
width: 100%;
margin-bottom: 15px;
border: 4px solid #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
transition: transform .3s ease;
}
.kf-img-wrapper img {
width: 100%;
height: 380px;
object-fit: cover;
display: block;
}
.kf-card-title {
font-family: ‘Dancing Script’, cursive;
font-size: 2.4rem;
font-weight: 700;
margin-top: 10px;
color: #2c201c;
}
.kf-btn {
display: inline-block;
margin-top: 15px;
padding: 12px 30px;
background-color: #e8d5b5;
color: #2c201c;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: all .3s;
}
.kf-card {
background: #faf6ee; /* Remplacé le blanc par un crème chaleureux */
padding: 25px;
border-radius: 12px;
text-align: center;
box-shadow: 0 8px 20px rgba(44, 32, 28, 0.06); /* Ombre douce teintée de brun */
}
.kf-img-wrapper {
width: 100%;
margin-bottom: 15px;
border: 4px solid #dfba6b; /* Remplacé le blanc par un magnifique cadre doré */
border-radius: 8px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(44, 32, 28, 0.1);
transition: transform .3s ease;
}
.kf-img-wrapper img {
width: 100%;
height: 380px;
object-fit: cover;
display: block;
}
.kf-card-title {
font-family: 'Dancing Script', cursive;
font-size: 2.4rem;
font-weight: 700;
margin-top: 10px;
color: #2c201c; /* Brun foncé texturé */
}
.kf-btn {
display: inline-block;
margin-top: 15px;
padding: 12px 30px;
background-color: #e8d5b5; /* Sable/or doux */
color: #2c201c;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
box-shadow: 0 4px 8px rgba(44, 32, 28, 0.12);
transition: all .3s ease;
}
/* Effet de survol harmonieux pour le bouton */
.kf-btn:hover {
background-color: #dfba6b; /* Devient un peu plus doré au survol */
transform: translateY(-2px);
}