@use '@funidata/fudis-core' as core;

.fudis-section {
  box-sizing: border-box;
  padding: 0;

  &__header {
    &__heading {
      display: flex;
      align-items: center;

      &__badge {
        margin-left: core.$spacing-xs;
      }

      &__popover {
        margin-left: core.$spacing-xs;
      }
    }

    &__container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-bottom: core.$spacing-xs;
    }
  }

  &-actions {
    display: flex;
    flex-wrap: wrap;
    gap: core.$spacing-xs core.$spacing-sm;
    margin-left: auto;
  }

  &-content {
    fudis-notification {
      margin-bottom: core.$spacing-xs;
    }
  }
}