.taggd__button {
  display: block;
  height: 1rem;
  width: 1rem;
  margin-left: -.5rem;
  margin-top: -.5rem;
  border-radius: .5rem;
   box-shadow: 0 0 0 0 rgb(162 97 0);
  background-color: #FF9800;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
.taggd__button:hover{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
.taggd__button:hover {
  animation:none;
  background-color:#FF9800;
  z-index: 10;
}

.taggd__popup {
  display: block;
  padding: .75rem;
  position: absolute;
  left: 50%;
  top: 125%;
  color: #fff;
  z-index: 12;
      letter-spacing: 1px;
    font-size: 14px;
  text-align: center;
  white-space: nowrap;
  background-color: #ec8d00;
  transform: translateX(-50%);
}

.taggd__editor-input,
.taggd__editor-button {
  padding: .25rem .5rem;
  border: 1px solid #fff;
  margin-right: .25rem;
  background-color: transparent;
  color: #fff;
}

.taggd__editor-button--delete {
  margin-right: 0;
}