{% scope_css %}
.btn-custom {
  display: inline-flex;
  align-items: center;
  pointer-events: auto !important; /* Ensures the click is registered */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}

/* 1. Anchor Style (The Navigation Button) */
.btn-anchor {
  font-size: 18px;
  color: var(--brand-color) !important; /* Forces ADAPT Red */
  background: transparent !important;
}
.btn-anchor .btn-icon { margin-left: 8px; }
.btn-anchor:hover .btn-icon { transform: translateY(5px); }

/* 2. Solid Style (The Primary CTA) */
.btn-solid {
  font-size: 14px;
  background-color: var(--brand-color) !important; /* Forces ADAPT Red BG */
  color: #ffffff !important; /* White Text */
  padding: 12px 28px;
  border-radius: 4px;
  border: 2px solid var(--brand-color) !important;
}
.btn-solid:hover {
  filter: brightness(110%);
}

/* 3. Outline Style (The Secondary CTA) */
.btn-outline {
  font-size: 14px;
  color: var(--brand-color) !important; /* Forces ADAPT Red Text */
  border: 2px solid var(--brand-color) !important; /* Forces ADAPT Red Border */
  padding: 12px 28px;
  border-radius: 4px;
  background: transparent !important;
}
.btn-outline:hover {
  background-color: var(--brand-color) !important;
  color: #ffffff !important;
}
{% end_scope_css %}