.title-links.block {
  border: 1px solid var(--color-stone-dark);
  border-radius: var(--radius-400);
  padding: var(--spacing-lg);
  background: var(--color-white-base);
}

@media (min-width: 768px) {
  .title-links.block {
    padding: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .title-links.block {
    padding: var(--spacing-3xl);
  }
}

.title-links.block h2 {
  color: var(--color-slate-dark);
  margin-bottom: var(--spacing-lg);
  font: var(--heading-title-md-text);
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .title-links.block h2 {
    font: var(--heading-title-lg-text);
    margin-bottom: var(--spacing-xl);
  }
}

.title-links.block ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
}

.title-links.block ul a {
  font: var(--text-semibold-md);
  padding: var(--spacing-md) 0;
  color: var(--color-slate-base);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.title-links.block ul a:hover {
  color: var(--text-link-primary-hover-text-color);
}

.title-links.block ul a:active {
  color: var(--text-link-primary-active-text-color);
}

.title-links.block ul a:focus-visible {
  outline: 2px solid var(--button-base-focus-color);
  border-radius: var(--radius-200);
}