html {
    display:none;
}
.contact-wrap4{
    width: 221px;
    height: 325px;
    background: url(lagabet-contact.png) center no-repeat;
    position: fixed;
    top: 130px;
    z-index: 999;
}
.contact4{
    float: right;
    margin: 140px 15px 0 0;
}
.contact4 li{
    color: white;
    font-family: arial;
    font-size: 10px;
    margin: 30px 0 0 0;
}
.contact4 li img{
    vertical-align: middle;
    margin: -40px 0px 0 0;
}
.contact4 li:first-child{
    padding: 0;
}

.code-btn {
	top: -1px;
	position: relative;
	color: black;
	background: #FFEB3B;
	border: none;
  border-radius: 2px;
  padding: 5px 15px;
}

.btn4{
	float: left;
  width: 154px;
  height: 45px;
  border: 1px solid #ffbb03;
  background: none;
  padding: 10px 20px;
  font-size: 20px;
  font-family: "montserrat";
  cursor: pointer;
  margin: 131px -6px 0 0;
  transition: 0.8s;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.btn3,.btn4{
  color: #ffbb03;
}
.btn3,.btn3{
  color: #282828;
	font-weight: bold;
	  
}
.btn3:hover,.btn3:hover{
  color: #fff;
}
.btn3:hover,.btn4:hover{
  color: #ffbb03;
}
.btn3::before{
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 0%;
  background: #ffbb03;
  z-index: -1;
  transition: 0.8s;
}
.btn3::before,.btn3::before{
  top: 0;
  border-radius: 0 0 50% 50%;
}
.btn2::before,.btn4::before{
  bottom: 0;
  border-radius: 50% 50% 0 0;
}
.btn3::before,.btn4::before{
  height: 180%;
}
.btn1:hover::before,.btn2:hover::before{
  height: 180%;
}
.btn3:hover::before,.btn4:hover::before{
  height: 0%;
}