/* ── BUTTON BASE ── */
.btn { 
  display: inline-block; 
  padding: 13px 32px; 
  border-radius: 6px; 
  font-size: 14px; 
  font-weight: 600; 
  text-decoration: none; 
  transition: all 0.25s; 
  letter-spacing: 0.3px; 
  cursor: pointer;
  border: none;
  font-family: inherit;
}

/* ── BUTTON VARIANTS ── */
.btn-solid { 
  background: var(--white); 
  color: var(--green); 
}
.btn-solid:hover { 
  background: var(--green-pale); 
  transform: translateY(-2px); 
}

.btn-outline { 
  background: transparent; 
  border: 2px solid rgba(255,255,255,0.4); 
  color: rgba(255,255,255,0.9); 
}
.btn-outline:hover { 
  background: rgba(255,255,255,0.08); 
  border-color: rgba(255,255,255,0.8); 
}

.btn-white { 
  background: #fff; 
  color: var(--green); 
  border-radius: var(--radius);
}
.btn-white:hover { 
  background: var(--green-pale); 
  transform: translateY(-2px); 
}

.btn-ghost-w { 
  background: transparent; 
  border: 2px solid rgba(255,255,255,0.35); 
  color: rgba(255,255,255,0.9); 
  border-radius: var(--radius);
}
.btn-ghost-w:hover { 
  border-color: rgba(255,255,255,0.75); 
  background: rgba(255,255,255,0.07); 
}

.btn-blue {
  display: inline-block;
  padding: 12px 26px;
  border-radius: 16px;
  background: #3499d7;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  border: 1.5px solid transparent;
  transition: all 0.2s;
}
.btn-blue:hover {
  background: #4fb2f0;
  border-color: rgba(255,255,255,0.15);
}

/* ── SPECIAL BUTTONS ── */
.nav-cta {
  display: inline-block; 
  padding: 10px 24px; 
  background: var(--white);
  color: var(--green) !important; 
  border-radius: 32px; 
  font-size: 13px !important;
  font-weight: 700 !important; 
  line-height: 1 !important; 
  transition: background 0.2s, transform 0.2s !important;
  text-decoration: none;
}
.nav-cta:hover { 
  background: var(--green-pale) !important; 
  transform: translateY(-1px); 
}

.show-more-btn {
  display: inline-flex; 
  align-items: center; 
  gap: 7px;
  margin-top: 4px; 
  padding: 7px 16px;
  background: transparent; 
  border: 1px solid #ccd8cc;
  border-radius: 6px; 
  font-size: 12px; 
  font-weight: 600;
  color: var(--green); 
  cursor: pointer; 
  font-family: inherit;
  transition: background 0.2s, border-color 0.2s;
  letter-spacing: 0.3px;
}
.show-more-btn:hover { 
  background: var(--green-pale); 
  border-color: var(--green-light); 
}
.show-more-btn svg { 
  width: 14px; 
  height: 14px; 
  fill: var(--green); 
  transition: transform 0.35s ease; 
  flex-shrink: 0; 
}
.show-more-btn.open svg { 
  transform: rotate(180deg); 
}