.component.saiba-mais {background-color: var(--bege3); transition: .3s; height: 47px; display: flex; justify-content: center; align-items: center; padding: 0 25px; font: 500 13.5px/1 garet; color: var(--branco); text-transform: uppercase; width: fit-content; border-radius: 10px; white-space: nowrap;}
.component.saiba-mais:hover {transform: scale(1.02); color: #000;}
@media (max-width: 990px) {
    .component.saiba-mais {max-width: 400px; width: 100%;}
}