.elementor-1238 .elementor-element.elementor-element-9e1239f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-ce17acb */.carte-boutique {
background: #fff;
border-radius: 10px;
padding: 20px;
text-align: center;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
position: relative;
width: 280px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.carte-boutique:hover {
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.badge-premium {
background: linear-gradient(45deg, #d4af37, #f0c14b);
color: white;
font-weight: bold;
padding: 5px 12px;
border-radius: 20px;
position: absolute;
top: 15px;
right: 15px;
font-size: 12px;
}

.icone-boutique {
font-size: 50px;
color: #c2185b;
margin-bottom: 15px;
}

.carte-boutique h3 {
color: #333;
font-size: 20px;
margin-bottom: 10px;
}

.carte-boutique .description {
font-size: 14px;
color: #555;
margin-bottom: 20px;
line-height: 1.4;
}

.btn-boutique {
display: inline-block;
background: #c2185b;
color: white;
padding: 10px 20px;
border-radius: 25px;
text-decoration: none;
font-size: 14px;
transition: background 0.3s ease;
}

.btn-boutique:hover {
background: #8c1545;
}/* End custom CSS */