.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  transition: all 0.3s ease;
  cursor: pointer;

  img {
    width: 22px;
    height: 22px;
    filter: brightness(0) saturate(100%) invert(56%) sepia(64%) saturate(570%)
      hue-rotate(154deg) brightness(92%) contrast(92%);
  }

  &:hover {
    background-color: var(--light-blue);
    scale: 1.1;

    img {
      scale: 1.1;

      filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
        saturate(7485%) hue-rotate(325deg) brightness(100%) contrast(104%);
    }
  }
}