/* buttons.css */

.btn-primary {
  display: inline-flex; align-items: center; gap: 10px;
  padding: clamp(0.6rem, 1.2vw, 1rem) clamp(1.2rem, 2.5vw, 2rem);
  background: #AFC0D9;
  color: #081F4D;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: clamp(0.85rem, 1vw, 1.05rem);
  letter-spacing: 0.03em;
  border-radius: 8px;
  text-decoration: none;
  border: 2px solid #AFC0D9;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn-primary:hover {
  background: #D0D9E8;
  border-color: #D0D9E8;
  transform: translateY(-1px);
}

.btn-secondary {
  display: inline-flex; align-items: center; gap: 10px;
  padding: clamp(0.6rem, 1.2vw, 1rem) clamp(1.2rem, 2.5vw, 2rem);
  background: transparent;
  color: #AFC0D9;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: clamp(0.85rem, 1vw, 1.05rem);
  letter-spacing: 0.03em;
  border-radius: 8px;
  text-decoration: none;
  border: 1.5px solid rgba(175, 192, 217, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn-secondary:hover {
  border-color: #AFC0D9;
  color: #FFFFFF;
  background: rgba(175, 192, 217, 0.08);
  transform: translateY(-2px);
}

.btn-arrow {
  width: 18px; height: 18px; transition: transform 0.3s;
  flex-shrink: 0;
}
.btn-primary:hover .btn-arrow,
.btn-secondary:hover .btn-arrow { transform: translateX(4px); }