@charset "UTF-8";
.trans_col {
    position : absolute;
    top : 100px;
    right : 0;
}

 .outer {
    position: relative;
    overflow:hidden;
    height:270px;
  }
  .inner {
    position: absolute;
    width:250px;
    height:250px;
    right: -180px;
    top: 20px;
    transform: translateX(0px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .inner img{
      border-top-left-radius:5px;
      border-bottom-left-radius:5px;
      -webkit-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.75);
  }
  .inner:hover{
    transform: translateX(-175px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .outer-button{
    position: relative;
    overflow:hidden;
    height:75px;
  }

  .button{
      font-weight : bold;
      text-transform: uppercase;
      padding:15px;
      border-radius:5px;
      height:100px;
      width : 325px;
      background-color:red;
      color:white;
      -webkit-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 36px -6px rgba(0,0,0,0.75);
      
  }
  .button:hover{
      color:white;
      font-weight : bold;
      text-transform: uppercase;
      text-decoration: none;
  }

  .inner-button {
    position: absolute;
    width:300px;
    height:100px;
    top : 10px;
    right: -230px;
    transform: translateX(0px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    
    
  }
  .inner-button:hover{
    transform: translateX(-165px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .padding-top{
      padding-top:20px;
  }