:root {
  --size: 100px;
}

html {
  background-color: #15202B;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.like {
  width: var(--size);
  height: var(--size);
  cursor: pointer;
  border-radius: 999px;
  overflow: visible;
}
.like > * {
  opacity: 0;
}
.like .stroke {
  opacity: 1;
}

.sparkles {
  opacity: 1;
}
.sparkles path {
  stroke-dasharray: 5 5;
  stroke-dashoffset: -5;
}

@media (hover: hover) {
  svg:hover {
    background-color: #E1255E15;
  }
  svg:hover path:last-child {
    fill: #E1255E;
  }
}
.hashflag {
  position: fixed;
  display: block;
  right: 114px;
  bottom: 20px;
}
.hashflag img {
  display: block;
  height: 28px;
}