.chip {
   display: inline-flex;
   justify-content: space-between;
   min-height: 34px;
   align-items: center;
   background: #DAEAD2 0% 0% no-repeat padding-box;
   padding: 12px 15px;
   color: #414D37;
   vertical-align: top;
   transition: opacity .3s;
   margin: 5px;

   .icon {
      position: relative;
      background: #96AB88;
      border-radius: 50%;
      height: 34px;
      width: 34px;
      margin: 0 10px 0 0;
      text-align: center;
      line-height: 34px;

      &::before {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         background: #414D37;
         border-radius: 50%;
         height: 26px;
         width: 26px;
         text-align: center;
         line-height: 26px;
         content: '';
         display: block;
      }

      i {
         color: $white;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         margin: 0;
         font-size: 14px;
      }
   }

   i {
      margin-left: 10px;

      &:hover{
         cursor: pointer;
      }
   }
}