.button {
  overflow: hidden;
  font-family:"TrumpGothicEastW01-Bold";
  display: block;
  width:95%;
  height: 23px;
  background: #F8E71C;
  border-radius: 100px;
  font-size: 22px;
  position: relative;
  color: #0F0F0F;
  letter-spacing: 0.14px;
  border:none;
  text-decoration: none;
  text-align: center;
  padding: 15px 0 20px 0;
  overflow:hidden;

  transition: all ease-in .2s; /* explorer 10 */
  -webkit-transition: all .2s; /* chrome & safari */
  -moz-transition: all .2s; /* firefox */
  -o-transition: all .2s; /* opera */

}

.button:hover{
  background:#0F0F0F;
  color:#F8E71C;
  cursor: pointer;
  outline:0;

  transition: all ease-in .2s; /* explorer 10 */
  -webkit-transition: all .2s; /* chrome & safari */
  -moz-transition: all .2s; /* firefox */
  -o-transition: all .2s; /* opera */

}

.button:active {
outline: none;
border: none;
}

.button:focus {outline:0;}

.phone {
  display: block;
  width:48px;
  height:48px;
  padding: 5px;
  background: #F8E71C;
  border-radius: 100px;
  position: relative;
  border:none;
  overflow:hidden;

  transition: all ease-in .2s; /* explorer 10 */
  -webkit-transition: all .2s; /* chrome & safari */
  -moz-transition: all .2s; /* firefox */
  -o-transition: all .2s; /* opera */

}

.phone svg{
  fill:#0F0F0F;
}

.phone:hover {
  background:#0F0F0F;
  color:#F8E71C;
  cursor: pointer;
  outline:0;

  transition: all ease-in .2s; /* explorer 10 */
  -webkit-transition: all .2s; /* chrome & safari */
  -moz-transition: all .2s; /* firefox */
  -o-transition: all .2s; /* opera */

}

.phone:hover svg{
  fill:#F8E71C;
}



.ink {
  display: block;
  position: absolute;
  border-radius: 100px;
  background:rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}

.animate {
	-webkit-animation:ripple 0.65s linear;
   -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
     -o-animation:ripple 0.65s linear;
        animation:ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}