@import "../../theme.scss";

#settings-page .card-section {
  header {
    display: flex;
    flex-direction: column;
    gap: 8px;

    h3,
    p {
      margin: 0 !important;
    }

    h3 {
      font-size: 1rem;
      color: $text-primary;
    }

    p {
      font-size: 0.875rem;
      color: $text-secondary;
    }
  }

  display: flex;
  flex-direction: column;
  border-bottom: 1px solid $border-default;
  padding-inline: 0 !important;

  &.padding-sm {
    gap: $padding-sm;
  }

  &.padding-md {
    gap: $padding-md;
  }

  &.padding-lg {
    gap: $padding-lg;
  }

  &:first-of-type {
    padding-top: 0;
  }

  &:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
}