.btn {
  border-radius: 3px;
  text-align: center;
  color: #fff;
  display: block;
  font: var(--font-size-20px)/63px var(--font-family1);  
  background-color: #004EAB;
  box-shadow: 0 2px 20px 0 rgba(223,20,12,0.1);
  transition: .4s ease-in-out;
  text-transform: capitalize;
}
.btn:hover {
  background: #0d6cdc;
}
/*typeform button pop up (work-with-us)*/
.typeform-btn {
  width: 240px;
  height: 63px;
  text-transform: capitalize;
  margin: 78px auto 0;  
}
/*all work btn*/
.all-projects-btn {
  height: 63px;
  max-width: 371px;
  width: 100%;
  margin: 0 auto 80px;
  background: #005EDE;
  box-shadow: 0 2px 20px 0 rgba(223,20,12,0.1);
  border-radius: 3px;
  font-size: var(--font-size-20px);
}
/*our blog btn*/
.blog-btn {
  height: 63px;
  width: 190px;
  margin: 63px auto 0;
  font: var(--font-size-20px)/63px var(--font-family1);  
}
/*read more btn*/
.bt-readmore {
  color: #0064D9;
  text-transform: uppercase;
  font: 600 var(--font-size-16px)/1 var(--font-family2);  
}
.bt-readmore:hover {
  color: #DD5644;
}
.ContactPage .typeformPopUp a {
  width: 157px;
  margin: 0 auto;
  background: #fff;
  border: 2px solid #4b4b4b;
  color: var(--main-text-color);
  padding: 13px 5px;
  float: none;
  text-align: center;
  font: var(--font-size-16px)/1 var(--font-family4);
  letter-spacing: 0.9px;
  text-transform: uppercase;
}
.ContactPage .typeformPopUp a:hover {
  background: #000;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .typeform-btn {
    height: 49px;
    width: 187px;
    line-height: 49px;
    margin-top: 45px;
    font-size: var(--font-size-14px);
  }
  .blog-btn {
    height: 49px;
    width: 187px;
    line-height: 49px;
    font-size: var(--font-size-14px);
  }
  .all-projects-btn {
    height: 50px;
    width: 252px;
    font-size: var(--font-size-14px);
    line-height: 50px;
  }
}