@import url("https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap");

body {
  direction: rtl;
  font-family: "El Messiri", sans-serif;
}

:root {
  --ebctaf1-dark: #000000;
  --ebctaf1-whatsapp-color: #25d366;

  --ebctaf1-primary: #1d3052;
  --ebctaf1-secondary: #f68322;
  --ebctaf1-ctaf-text: #ffffff;
  --ebctaf1-gray: #cccccc;

  --ebctaf1-space-xs: 0.4rem;
  --ebctaf1-space-sm: 0.8rem;
  --ebctaf1-space-md: 1.2rem;

  --ebctaf1-space-lg: 2rem;
  --ebctaf1-br-lg: 50px;
  --ebctaf1-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  direction: rtl;
}

a {
  text-decoration: none;
  color: inherit;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.ebctaf1-contact-buttons {
  display: flex;

  justify-content: center;

  gap: var(--ebctaf1-space-xs);

  flex-wrap: wrap;
}

.ebctaf1-btn {
  display: flex;

  align-items: center;

  gap: var(--ebctaf1-space-xs);

  text-decoration: none;

  font-size: clamp(0.9rem, 2vw, 1.2rem);

  font-weight: clamp(500, 2vw, 700);

  padding: var(--ebctaf1-space-xs) var(--ebctaf1-space-sm);

  border-radius: var(--ebctaf1-br-lg);

  border: 2px solid transparent;

  transition: var(--transition);
  direction: ltr;
}

.ebctaf1-whatsapp {
  background: var(--ebctaf1-whatsapp-color);

  color: var(--ebctaf1-ctaf-text);

  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.35);
}

.ebctaf1-call {
  background: var(--ebctaf1-ctaf-text);

  color: var(--ebctaf1-dark);

  border-color: var(--ebctaf1-gray);

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.ebctaf1-btn-icon .fa-whatsapp {
  font-size: clamp(1.5rem, 2.3vw, 1.5rem);
}