.search-icon {
  background-image: url(../images/svg/search.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  padding-left: 25px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.angle-left-svg {
  background-image: url(../images/svg/arrow-left.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  padding-left: 17px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.angle-right-svg {
  background-image: url(../images/svg/arrow-right.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  padding-left: 17px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.refresh-svg {
  background-image: url(../images/svg/refresh.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  padding-left: 27px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.quote-svg {
  background-image: url(../images/svg/quotes-right.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  padding-left: 27px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.play-svg {
  background-image: url(../images/svg/play.svg);
  background-size: 60px;
  background-repeat: no-repeat;
  padding-left: 60px;
  height: 60px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.heart-svg {
  background-image: url(../images/svg/heart.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  padding-left: 25px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.heart-broken-svg {
  background-image: url(../images/svg/heart-broken.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  padding-left: 25px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.warning-svg {
  background-image: url(../images/svg/warning.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  padding-left: 25px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}

.redo-svg {
  background-image: url(../images/svg/redo.svg);
  background-size: 15px;
  height: 17px;
  background-repeat: no-repeat;
  padding-left: 15px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.delete-svg {
  background-image: url(../images/svg/delete.svg);
  background-size: 15px;
  height: 17px;
  background-repeat: no-repeat;
  padding-left: 15px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.edit-svg {
  background-image: url(../images/svg/edit.svg);
  background-size: 15px;
  height: 17px;
  background-repeat: no-repeat;
  padding-left: 15px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}
.ellipsis-svg {
  background-image: url(../images/svg/ellipsis-v.svg);
  background-size: 5px;
  background-repeat: no-repeat;
  padding-left: 14px;
  padding-top: 4px;
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(180deg) brightness(110%) contrast(101%);
}