/* CALL TO ACTION THEME 6: NEO BRUTAL BOLD (ebctaf4) */

:root {
  --ebctaf4-btns-gap: 0.6rem;
  --ebctaf4-btn-padding: 0.5rem 1.4rem;
  --ebctaf4-btn-gap: 0.4rem;
  --ebctaf4-btn-font-size: 0.8rem;
  --ebctaf4-btn-font-weight: 800;
  --ebctaf4-btn-border: 3px solid #000000;
  --ebctaf4-btn-transition: all 0.1s ease;
  --ebctaf4-btn-hover-transform: translate(2px, 2px);
  --ebctaf4-btn-hover-shadow: 2px 2px 0px #000000;

  --ebctaf4-btn-pri-bg: #eab308;
  --ebctaf4-btn-pri-color: #000000;
  --ebctaf4-btn-pri-shadow: 4px 4px 0px #000000;

  --ebctaf4-btn-sec-bg: #ffffff;
  --ebctaf4-btn-sec-color: #000000;
  --ebctaf4-btn-sec-shadow: 4px 4px 0px #000000;
}

.ebctaf4-btns {
  display: flex;
  gap: var(--ebctaf4-btns-gap);
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 900px) {
  .ebctaf4-btns { justify-content: center; }
}

.ebctaf4-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--ebctaf4-btn-gap);
  padding: var(--ebctaf4-btn-padding);
  font-size: var(--ebctaf4-btn-font-size);
  font-weight: var(--ebctaf4-btn-font-weight);
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  border: var(--ebctaf4-btn-border);
  transition: var(--ebctaf4-btn-transition);
}

.ebctaf4-btn-pri {
  background: var(--ebctaf4-btn-pri-bg);
  color: var(--ebctaf4-btn-pri-color);
  box-shadow: var(--ebctaf4-btn-pri-shadow);
}

.ebctaf4-btn-pri:hover {
  transform: var(--ebctaf4-btn-hover-transform);
  box-shadow: var(--ebctaf4-btn-hover-shadow);
}

.ebctaf4-btn-sec {
  background: var(--ebctaf4-btn-sec-bg);
  color: var(--ebctaf4-btn-sec-color);
  box-shadow: var(--ebctaf4-btn-sec-shadow);
}

.ebctaf4-btn-sec:hover {
  transform: var(--ebctaf4-btn-hover-transform);
  box-shadow: var(--ebctaf4-btn-hover-shadow);
}