css hover改变svg颜色

 html

css

.step-init-position {
  background: url("../../assets/initPosition.svg") no-repeat center;
}
.of-h {
  overflow: hidden;
}
.btn {
  width: 17px;
  height: 17px;
  margin: 0 24px;
  filter: drop-shadow(#2F3335 100px 0);
  transform: translateX(-100px);
}
.cursor-pointer:hover {
  .btn {
    filter: drop-shadow(#3DB69C 100px 0);
  }
}