.settings-section {
  margin-block: var(--size-8);
}

.settings-section__header {
  margin-block-end: var(--size-4);
}

.settings-actions {
  display: flex;
  flex-direction: column;
  gap: var(--size-2);
}

.conversions-grid {
  display: grid;
  gap: var(--size-6);
  margin-block: var(--size-6);
}

@media (min-width: 48rem) {
  .conversions-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 64rem) {
  .conversions-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}