Blink Cursor CSS Button

.btn-blink-cursor {
  display: inline-block;
  padding: 12px 22px;
  border: 1px solid #30363d;
  border-radius: 8px;
  background: #0d1117;
  color: #7ee787;
  font-family: "SF Mono", "Fira Code", Consolas, monospace;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.btn-blink-cursor::before {
  content: "$ ";
  color: #8b949e;
}
.btn-blink-cursor::after {
  content: "▍";
  margin-left: 3px;
  animation: btn-blink-cursor-blink 1.1s steps(2, start) infinite;
}
.btn-blink-cursor:hover {
  border-color: #7ee787;
}
@keyframes btn-blink-cursor-blink {
  50% {
    opacity: 0;
  }
}
.btn-blink-cursor:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}