.scratch-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  border-top: 1px solid var(--ocf-border-light, #edf0f5);
  padding: 32px var(--scratch-pad);
  background: #fff;
}

.scratch-footer p {
  max-width: 58ch;
  margin: 8px 0 0;
}

.scratch-footer__contact {
  display: grid;
  gap: 6px;
  text-align: right;
}

@media (max-width: 760px) {
  .scratch-footer {
    grid-template-columns: 1fr;
  }

  .scratch-footer__contact {
    text-align: left;
  }
}