a.iv-agent-whatsapp-card,
.iv-agent-whatsapp-card {
--iv-wa-size: 42px;
--iv-wa-icon: 25px;
--iv-wa-bg: #25d366;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: var(--iv-wa-size) !important;
height: var(--iv-wa-size) !important;
min-width: var(--iv-wa-size) !important;
min-height: var(--iv-wa-size) !important;
max-width: var(--iv-wa-size) !important;
max-height: var(--iv-wa-size) !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 999px !important;
background: var(--iv-wa-bg) !important;
color: #ffffff !important;
text-decoration: none !important;
line-height: 0 !important;
overflow: hidden !important;
border: 2px solid #ffffff !important;
box-shadow: none !important;
transition:
transform 160ms ease,
filter 160ms ease !important;
}
a.iv-agent-whatsapp-card:hover,
.iv-agent-whatsapp-card:hover {
color: #ffffff !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
filter: brightness(0.98) !important;
box-shadow: none !important;
}
a.iv-agent-whatsapp-card:focus,
.iv-agent-whatsapp-card:focus,
a.iv-agent-whatsapp-card:active,
.iv-agent-whatsapp-card:active {
outline: none !important;
box-shadow: none !important;
}
a.iv-agent-whatsapp-card:focus-visible,
.iv-agent-whatsapp-card:focus-visible {
outline: 3px solid rgba(37, 211, 102, 0.22) !important;
outline-offset: 2px !important;
box-shadow: none !important;
}
.iv-agent-whatsapp-card__icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: var(--iv-wa-icon) !important;
height: var(--iv-wa-icon) !important;
min-width: var(--iv-wa-icon) !important;
min-height: var(--iv-wa-icon) !important;
color: #ffffff !important;
line-height: 0 !important;
}
.iv-agent-whatsapp-card__svg,
.iv-agent-whatsapp-card__icon svg,
.iv-agent-whatsapp-card svg {
display: block !important;
width: var(--iv-wa-icon) !important;
height: var(--iv-wa-icon) !important;
min-width: var(--iv-wa-icon) !important;
min-height: var(--iv-wa-icon) !important;
max-width: var(--iv-wa-icon) !important;
max-height: var(--iv-wa-icon) !important;
color: #ffffff !important;
fill: currentColor !important;
}
.iv-contact-icon-card {
--iv-contact-size: 44px;
--iv-contact-icon-size: 22px;
width: var(--iv-contact-size) !important;
height: var(--iv-contact-size) !important;
min-width: var(--iv-contact-size) !important;
min-height: var(--iv-contact-size) !important;
max-width: var(--iv-contact-size) !important;
max-height: var(--iv-contact-size) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 999px !important;
background: #f1f5f9 !important;
border: 2px solid #ffffff !important;
outline: none !important;
cursor: pointer !important;
line-height: 0 !important;
overflow: hidden !important;
box-shadow: none !important;
transition:
transform 160ms ease,
background-color 160ms ease !important;
}
.iv-contact-icon-card:hover {
background: #eaf0f6 !important;
transform: translateY(-1px) !important;
box-shadow: none !important;
}
.iv-contact-icon-card:focus,
.iv-contact-icon-card:active {
outline: none !important;
box-shadow: none !important;
}
.iv-contact-icon-card:focus-visible {
outline: 3px solid rgba(17, 24, 39, 0.18) !important;
outline-offset: 2px !important;
box-shadow: none !important;
}
.iv-contact-icon-card__img {
width: var(--iv-contact-icon-size) !important;
height: var(--iv-contact-icon-size) !important;
min-width: var(--iv-contact-icon-size) !important;
min-height: var(--iv-contact-icon-size) !important;
max-width: var(--iv-contact-icon-size) !important;
max-height: var(--iv-contact-icon-size) !important;
display: block !important;
object-fit: contain !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: none !important;
}
.iv-network-icon-card {
--iv-network-size: 44px;
--iv-network-icon-size: 22px;
width: var(--iv-network-size) !important;
height: var(--iv-network-size) !important;
min-width: var(--iv-network-size) !important;
min-height: var(--iv-network-size) !important;
max-width: var(--iv-network-size) !important;
max-height: var(--iv-network-size) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 999px !important;
background: #f1f5f9 !important;
border: 2px solid #ffffff !important;
outline: none !important;
cursor: pointer !important;
line-height: 0 !important;
overflow: hidden !important;
box-shadow: none !important;
appearance: none !important;
-webkit-appearance: none !important;
transition:
transform 160ms ease,
background-color 160ms ease !important;
}
.iv-network-icon-card:hover {
background: #eaf0f6 !important;
transform: translateY(-1px) !important;
box-shadow: none !important;
}
.iv-network-icon-card:focus {
outline: none !important;
box-shadow: none !important;
}
.iv-network-icon-card:focus-visible {
outline: 3px solid rgba(17, 24, 39, 0.18) !important;
outline-offset: 2px !important;
box-shadow: none !important;
}
.iv-network-icon-card__img {
width: var(--iv-network-icon-size) !important;
height: var(--iv-network-icon-size) !important;
min-width: var(--iv-network-icon-size) !important;
min-height: var(--iv-network-icon-size) !important;
max-width: var(--iv-network-icon-size) !important;
max-height: var(--iv-network-icon-size) !important;
display: block !important;
object-fit: contain !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: none !important;
}
.iv-network-icon-card--active {
cursor: pointer !important;
}
.iv-network-icon-card--inactive,
.iv-network-icon-card--inactive:disabled {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
background: #f1f5f9 !important;
cursor: default !important;
pointer-events: none !important;
transform: none !important;
}
.iv-network-icon-card--inactive img,
.iv-network-icon-card--inactive svg,
.iv-network-icon-card--inactive::before,
.iv-network-icon-card--inactive::after {
display: none !important;
content: none !important;
}
.elementor-widget-shortcode:has(.iv-contact-icon-card),
.elementor-widget-shortcode:has(.iv-network-icon-card) {
width: auto !important;
max-width: max-content !important;
display: inline-flex !important;
}
.elementor-widget-shortcode:has(.iv-contact-icon-card) .elementor-widget-container,
.elementor-widget-shortcode:has(.iv-network-icon-card) .elementor-widget-container {
width: auto !important;
max-width: max-content !important;
display: inline-flex !important;
line-height: 0 !important;
}
@media (max-width: 767px) {
a.iv-agent-whatsapp-card,
.iv-agent-whatsapp-card {
--iv-wa-size: 46px;
--iv-wa-icon: 30px;
}
.iv-contact-icon-card {
--iv-contact-size: 43px;
--iv-contact-icon-size: 21px;
}
.iv-network-icon-card {
--iv-network-size: 43px;
--iv-network-icon-size: 21px;
}
}