.items {
  padding-bottom: 24px;
  margin-bottom: 24px;
  .add {
    margin: 24px 0;
    width: 100%;
    .toggle {
      .button {
        display: inline-block;
        font-size: 20px;
        color: var(--prime);
        vertical-align: 4px;
        padding-left: 8px;
        &:hover{
          color: var(--prime-hov);
          cursor: pointer;
        }
      };
      &::before{
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        background: url('~src/assets/images/icons/add_cirle_24dp.svg') center no-repeat;
        cursor: pointer;
      }
      &:hover::before{
        background: url('~src/assets/images/icons/add_cirle_hover_24dp.svg') center no-repeat;
      }
    }
  }
}
