cssbtn2

.post-button {


}

a {
    border: 0px;
  }
  a.btn {
    position: relative;
  }
  .post-button {
    padding: 12px;
  }
  .post-button {
    padding: 12px;
  }
  .post-button a {
    border: 0px;
  }
a.btn {
    position: relative;
  }
  a.btn::after,
  a.btn::before {
    content: "";
    position: absolute;
    padding: 0;    
    margin: 0.15em -0.4em;
    height: 0px;
    width: 0px;
    border: 0px solid #566473;
    transition: all 0.6s ease, border-width 0s;
    opacity: 0;
  }
  a.btn::before {
    top: 12px;
    left: 20px;    
  }
  a.btn:hover:before {
    top: 0px;
    left: 0px;
    height: 12px;
    width: 20px;
    border-width: 1px 0 0 1px;
    opacity: 1;
  }
  a.btn::after {
    bottom: 12px;
    right: 20px;

  }
  a.btn:hover:after {
  bottom: 0px;
    right: 0px;
     height: 12px;
     width: 20px;
     border-width: 0 1px 1px 0;
     opacity: 1;
  }
JSRUN notes