@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

*{
   margin: 0;
   padding: 0;
   font-family: 'poppins';
}

.container{
   max-width: 800px;
   padding: 0 5%;
   /* background-color: #cacaca; */
}

.nomeEmpresa{
   font-size: 120%;
}

.logoEmpresa img{
   margin: 0 auto;
   margin-top: 10%;
   margin-bottom: 10%;
   max-width: 30%;
}

.textoMaterial span{
   font-size: 200%;
   line-height: 1;
   font-weight: 500;
}

.textoPotencialize{
   margin-top: 5%;
   font-size: 120%;
}

.textoLinks{
   margin-top: 5%;
   margin-bottom: 2%;
   font-weight: 600;
   font-size: 120%;
}

.linkButton{
   position: relative;
}

.linkButton button{
   width: 100%;
   height: 70px;
   border-radius: 10px;
   border: none;
   margin-bottom: 2%;
   background-image: linear-gradient(to left, #af0505,#ff2626);
   color: #FFF;
   font-weight: 500;
   text-align: left;
   padding: 0 5%;
}

.linkButton svg{
   position: absolute;
   color: #FFF;
   cursor: pointer;
   transform: scale(1.5);
   right: 49px;
   top: 24px;
}

.linkButton .pdf{
   right: 93px;
}

.linkButton svg:hover{
   opacity: 0.6;
}

.linkButton svg:active{
   opacity: 1;
   color: #0dff00;
}

.linkButton button:hover{
   background-image: linear-gradient(to left, #500000,#fc0606);
   transform: scale(1.03);
   transition: transform 0.2s;
}

.rodapé{
   font-size: 70%;
   margin-top: 5%;
}

.rodapé img{
   width: 10%;
}

@media (max-width: 768px) {
   .logoEmpresa img{
      max-width: 40%;
   }

   .textoMaterial b{
      font-size: 150%;
   }

   .textoPotencialize{
      font-size: 80%;
   }

   .rodapé img{
      width: 15%;
   }
}