botiga

.crm-button {
background-color: #7d225d; /* Button background color */
color: white; /* Button text color */
border: none; /* Remove default border */
padding: 10px 20px; /* Adjust padding to fit your button */
font-size: 16px; /* Set a font size */
font-weight: bold; /* Optional: make the text bold */
cursor: pointer; /* Show pointer cursor when hovering */
border-radius: 5px; /* Optional: rounded corners */
transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}

.crm-button:hover {
background-color: #b53d60; /* Hover background color */
}

@media only screen and (max-width: 768px) {
/* Target all footer builder rows */
.bhfb-footer .bhfb-row,
/* Target footer widgets */
.footer-widgets-grid,
/* Target copyright area */
.bhfb-footer .bhfb-component-copyright,
/* Target social icons */
.bhfb-footer .bhfb-component-social,
/* Target HTML components */
.bhfb-footer .bhfb-component-html,
/* Target button components */
.bhfb-footer .bhfb-component-button {
text-align: center !important;
justify-content: center !important;
}

/* Center individual column content */
.bhfb-footer .bhfb-column {
align-items: center !important;
text-align: center !important;
}

/* Center any widgets inside footer */
.bhfb-footer .widget {
text-align: center !important;
}

/* Center social icons specifically */
.bhfb-footer .social-profile {
justify-content: center !important;
}
}

@media only screen and (max-width: 768px) {
/* Target widget area 1 container */
.bhfb-component-widget-area1 {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}

/* Target all images in widget area 1 */
.bhfb-component-widget-area1 img {
margin: 0 auto !important;
float: none !important;
display: block !important;
position: relative !important;
left: 0 !important;
right: 0 !important;
}

/* Target the widget container */
.bhfb-component-widget-area1 .widget {
width: 100% !important;
text-align: center !important;
}

/* Override any possible inline styles */
.bhfb-component-widget-area1 img[style*=”float”],
.bhfb-component-widget-area1 img[style*=”margin”] {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}