.BackgroundTasks {
  .Button {
    &.is-red {
      background: var(--color-red6);
      border-color: var(--color-red6);
      color: var(--color-white);
      float: right;

      &:hover,
      &:focus {
        background: var(--color-red7);
        border-color: var(--color-red7);
        color: var(--color-white);
      }
    }

    &.is-taskaction {
      margin-left: var(--gap-m);
    }
  }

  .TaskDisplay {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    form {
      display: flex;
    }
  }

  .visibilityLabel {
    &.is-green {
      background: var(--color-green5);
      border-color: var(--color-green5);
      color: var(--color-white);
    }

    &.is-yellow {
      background: var(--color-yellow3);
      border-color: var(--color-yellow3);
      color: var(--color-black);
    }

    &.is-red {
      background: var(--color-red6);
      border-color: var(--color-red6);
      color: var(--color-white);
    }
  }
}
