.block {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 22px;
  border-radius: var(--radius);
  background: var(--panel);
}

.block--soft {
  background: var(--soft);
}

.block--link {
  color: var(--fg);
  text-decoration: none;
  transition:
    background-color 0.18s,
    transform 0.18s var(--ease-out);
}

.block--link:hover {
  background: var(--soft);
  transform: translateY(-2px);
}

.block__title {
  font-size: var(--title-section);
}

@media (max-width: 759.98px) {
  .block {
    padding: 16px;
  }
}