.elementor-19255 .elementor-element.elementor-element-dbc1f15{--display:flex;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-ddd4d2f */<style>
.top-contact-buttons {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  padding: 8px 10px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 9999;
}

.top-contact-buttons a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: white;
  transition: background 0.3s ease;
}

.top-contact-buttons a.whatsapp { background: #25d366; }
.top-contact-buttons a.call { background: #007bff; }
.top-contact-buttons a.email { background: #ff9800; }
.top-contact-buttons a.share { background: #6a5acd; }

.top-contact-buttons a:hover { filter: brightness(90%); }
.top-contact-buttons i { font-size: 16px; }

body {
  padding-top: 60px; /* Prevent content from hiding behind fixed bar */
}
</style>

<div class="top-contact-buttons">
  <a class="call" href="tel:+1234567890">
    <i class="fas fa-phone"></i> Call
  </a>
  <a class="email" href="mailto:example@email.com">
    <i class="fas fa-envelope"></i> Email
  </a>
  <a class="whatsapp" href="https://wa.me/1234567890" target="_blank">
    <i class="fab fa-whatsapp"></i> WhatsApp
  </a>
  <a class="share" href="#">
    <i class="fas fa-share-alt"></i> Share
  </a>
</div>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">/* End custom CSS */