@import '~@payloadcms/ui/scss';

.kanban-view-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;

  &.is-kanban-view {
    margin-bottom: $baseline;
  }

  button {
    margin-top: 0;
    margin-bottom: 0;
  }

  div {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
  }

  h1 {
    margin: 0 base(0.75) 0 0;
  }

  a {
    text-decoration: none;
  }

  .pill {
    position: relative;
    top: -14px;
  }
}