.contact-buttons {
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-top: 20px;
width: 100%;
}
.contact-buttons a {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex: 1;
width: 100%;
text-align: center;
padding: 12px 20px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
border-radius: 5px;
transition: background 0.3s ease-in-out;
white-space: nowrap;
}
.whatsapp-button {
background-color: #25d366;
color: #fff;
}
.whatsapp-button:hover {
background-color: #1ebe5d;
}
.phone-button {
background-color: #fe9800;
color: #fff;
}
.phone-button:hover {
background-color: #d17b00;
}
.contact-buttons a svg {
width: 22px;
height: 22px;
}
@media screen and (max-width: 475px) {
.contact-buttons {
flex-direction: column;
gap: 5px;
}
.woocommerce-product-details__short-description :last-child,
.woocommerce-product-details__short-description p:empty {
margin-bottom: 0;
width: 100%;
}
.contact-buttons a {
width: 100%;
}
}