body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  button {
    position: relative;
    height: 40px;
    width: 150px;
    border: none;
    text-transform: capitalize;
    font-size: 1.2rem;
  }
  svg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
  }
  rect {
    width: 100%;
    height: 100%;
    fill: transparent;
    stroke: #000;
    stroke-width: 5px;
    stroke-dasharray: 0 100;
    transition: stroke-dasharray 0.5s ease;
  }
  button:hover rect {
    stroke-dasharray: 100 0;
  }