.ph-post1-wrapper {
  width:160px;
  margin: 0 auto; font-size:16px;}

  .ph-post1-wrapper a {
    text-decoration: none; }

.ph-post1-wrapper .button {
  display: block;
  position: relative;
  height:50px; line-height:48px;
  width:160px;
  overflow: hidden; }
  .ph-post1-wrapper .button > span {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out; }
  .ph-post1-wrapper .button:after, .ph-post1-wrapper .button > span > span {
    display: block;
    text-align: center;
    border-radius: 0.625em;
    }
  .ph-post1-wrapper .button:after {
    content: attr(data-title);
    width: 100%; border:solid 1px #c0c0c0;
    color:#6d6d6d; }
  .ph-post1-wrapper .button > span > span {
    width: 160px;
    background: #f15a28;
    color: #fff; border:solid 1px #f15a28; }
  .ph-post1-wrapper .button:hover > span {
    width: 100%; }
@media(max-width:991px){
.ph-post1-wrapper{width:120px; font-size:14px;}
.ph-post1-wrapper .button{width:120px; font-size:14px; line-height:36px; height:38px;}
}