.btn {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 10px 24px;
  border-radius: var(--radius-sm);
  background: transparent;
  border: 1px solid currentColor;
  cursor: pointer;
  transition: opacity var(--transition), box-shadow var(--transition);
  white-space: nowrap;
  text-decoration: none;
}

.btn-primary {
  color: var(--color-blue);
  border-color: var(--color-blue);
}

.btn-primary:hover {
  opacity: 1;
  box-shadow: 0 0 16px rgba(79, 142, 247, 0.45), 0 0 32px rgba(79, 142, 247, 0.2);
}

.btn-secondary {
  color: var(--color-aqua);
  border-color: var(--color-aqua);
}

.btn-secondary:hover {
  opacity: 1;
  box-shadow: 0 0 16px rgba(0, 255, 231, 0.45), 0 0 32px rgba(0, 255, 231, 0.2);
}

.btn-lg {
  font-size: 15px;
  padding: 13px 32px;
}