.pro-space-card {
background: #ffffff;
overflow: hidden;
}
.pro-space-card__content {
padding: 56px 26px 35px 26px;
text-align: left;
background-image: url(//beauterra.com/wp-content/uploads/2025/07/Banniere-connexion-pro-412x627px.jpg);
background-size: cover;
background-position: center;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pro-space-card__container {
display: flex;
flex-direction: column;
gap: 16px;
text-align: left;
}
span.pro-space-card__title {
color: var(--Vert-standard, #174A42);
font-family: Pontiac;
font-size: 24px !important;
font-style: normal;
font-weight: 700;
line-height: 32px; 
text-transform: uppercase;
margin: 0 0 16px 0;
}
.pro-space-card__text {
color: var(--Vert-standard, #174A42);
font-family: Pontiac;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%;
margin: 0 0 24px 0;
}
.pro-space-card__cta {
margin-top: auto;
}
.pro-space-card__button {
display: inline-block;
color: white !important;
text-decoration: none;
border: 1px solid #174A42;
cursor: pointer;
padding: 12px 16px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 24px;
background: #174A42;
text-align: center;
font-family: Pontiac;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
}
.pro-space-card__button:hover {
background: white;
color: #174A42 !important;
border: 1px solid #174A42;
text-decoration: none;
}
@media (max-width: 1024px) {
.pro-space-card__content {
background-image: url(//beauterra.com/wp-content/uploads/2025/07/Banniere-connexion-pro-mobile-317x475px.jpg);
}
}
@media (max-width: 768px) {
.pro-space-card {
max-width: 100%;
}
.pro-space-card__text {
font-size: 14px;
}
}