.newsletter-form {
  display: flex;
  margin-top: 15px;
}

.newsletter-form input {
  flex: 1;
  padding: 10px 15px;
  border: 1px solid #eee;
  border-radius: var(--button-radius) 0 0 var(--button-radius);
  font-size: 0.9rem;
}

.newsletter-form input:focus {
  outline: none;
  border-color: var(--secondary-color);
}

.newsletter-form button {
  background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 0 var(--button-radius) var(--button-radius) 0;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition);
}

.newsletter-form button:hover {
  opacity: 0.9;
  transform: translateX(2px);
}