.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border: 1px solid var(--green);
  border-radius: 8px;
  color: var(--green);
  background: #fffdf8;
  text-decoration: none;
  font-weight: 700;
  transition: .25s;
}

.login-btn:hover {
  color: #fff;
  background: var(--green);
}

@media (max-width: 980px) {
  .header-actions { gap: 6px; }
  .header-actions .btn { min-width: auto; padding: 8px 11px; }
  .login-btn { padding: 7px 10px; }
}

@media (max-width: 430px) {
  .site-header { gap: 8px; }
  .header-actions .header-btn { display: none; }
  .login-btn { font-size: 14px; }
}