/* ===== LINK BUTTON COMPONENT ===== */
/* Button-like styled links */

.link-button {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: var(--h4-size);
  padding: 0.4rem 0.6rem 0.3rem 0.6rem;
  border: var(--border-size) solid var(--border);
  border-radius: var(--border-radius);
  line-height: 1.2;
}

.link-button:hover {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--accent-text);
}

/* Container for multiple link buttons */
.link-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}