Ice Bound

icebound
(5.0)
Ask changes to AI:

        <a href="javascript:void(0)" class="icebound">
  <button type="button" class=" font-bold z-10">
    <span> Sign in </span>
  </button>
  <div class="absolute top-0 left-0 w-full h-full mt-1.5 ml-1.5 border-2 border-indigo-900"></div>
</a>


<style>
  .icebound {
    display: inline-flex;
  }

  .icebound {
    position: relative;
  }

  .icebound button {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background-color: rgb(45, 212, 191);
    color: rgb(49, 46, 129);
    font-weight: 700;
    z-index: 10;
  }

  .icebound:hover span {
    opacity: 0.7;
  }

  .icebound div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0.375rem;
    margin-left: 0.375rem;
    border-width: 2px;
    border-color: rgb(49, 46, 129);
  }
</style>