@import "../../constants/index.scss";

.addButton {
  padding: 16px;
  display: flex;
  align-items: center;
  color: $primary-color;
  border-bottom: 1px solid $border-color;
  cursor: pointer;
  transition: 0.2s ease-out;
  &:hover {
    background-color: rgba($primary-color, 0.05);
  }
  > div {
    margin-right: 8px;
  }
  g,
  circle {
    stroke: $primary-color;
  }
}

.addButtonNested {
  padding: 8px 0;
  border-bottom: none;
  margin-bottom: 8px;
  &:hover {
    background-color: transparent;
  }
}

.addButtonV2 {
  border-bottom: 0;
}