html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.topo {
  margin: 48px 0 39px 0;
}

.logo {
  max-width: 345px;
  margin: 0 auto;
}

.bloco-links {
  margin-bottom: 90px;
}

.box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  margin-bottom: 16px;
  border-radius: 42px;
  transition: background-color 300ms linear;
}

.btn-padrao {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 23px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.9px;
  font-weight: 400;
  text-align: left;
  width: 100%;
  margin: 0 30% 0 40%;
  height: 90px;
}

.box:hover {
  color: #fff;
  transition: background-color 300ms linear;
  transform: scale(1.04);
}

.btn-padrao img {
  transition: 0.5ms;
  margin-right: 16px;
}

p {
  margin: 0;
}

#site {
  background: #00aeef;
  font-size: 18px;
}
#site:hover {
  background: #0084b4;
}

#whatsapp {
  background: #26d367;
}
#whatsapp:hover {
  background: #20af57;
}

#facebook {
  background: #007bc3;
}
#facebook:hover {
  background: #006199;
}

#linkedin {
  background: #0b66c3;
}
#linkedin:hover {
  background: #094f96;
}

#telefone {
  background: #fff;
  border: solid 1px #707070;
}
#telefone .btn {
  color: #929292;
}
#telefone:hover {
  background: #f3f3f3;
}

#localizacao {
  background: #15ccff;
}
#localizacao:hover {
  background: #13a6cf;
}
#localizacao .btn-padrao p {
  width: 190px;
}

@media (max-width: 768px) {
  .btn-padrao {
    margin: 0 10% 0 35%;
  }

  #localizacao .btn-padrao {
    margin: 0 10% 0 30%;
  }
}

@media (max-width: 480px) {
  .topo .logo {
    max-width: 285px;
  }
  .btn-padrao {
    padding: 28px 0;
  }

  .btn-padrao img {
    margin-right: 20px;
  }

  #site p {
    width: 90px;
  }

  .box {
    border-radius: 52px;
  }

  .btn-padrao {
    margin: 0 10% 0 32%;
    font-size: 14px;
  }

  #localizacao .btn-padrao {
    margin: 0 10% 0 30%;
  }
}

@media (max-width: 425px) {
  .topo .logo {
    max-width: 240px;
  }
  .btn-padrao {
    margin: 0 10% 0 30%;
    font-size: 14px;
  }

  #localizacao .btn-padrao {
    margin: 0 10% 0 20%;
  }
}