.comments { padding-block: 80px; }
.comments__title { font-family: var(--font-display); font-size: 50px; font-weight: 500; line-height: .94; text-transform: uppercase; }
.comments__form { margin-top: 43px; }
.comments__reply-context { display: flex; align-items: center; gap: 16px; margin-top: 14px; color: var(--color-secondary); }
.comments__reply-context[hidden] { display: none; }
.comments__reply-cancel { border: 0; padding: 0 0 2px; border-bottom: 1px solid currentColor; background: transparent; text-transform: uppercase; }
.comments__reply-cancel:focus-visible { color: var(--color-accent); }
@media (hover: hover) { .comments__reply-cancel:hover { color: var(--color-accent); } }
.comments__list { margin-top: 34px; border-top: 1px solid var(--color-secondary); }
@media (max-width: 639px) {
  .comments { width: 100%; padding: 40px 10px 60px; }
  .comments__title { font-size: 40px; line-height: .94; }
  .comments__form { margin-top: 30px; }
  .comments__reply-context { flex-wrap: wrap; }
  .comments__list { margin-top: 60px; }
}