.component.saiba-mais {display: flex; transition: .3s; font: 400 12.1px/1.2 controllerext; color: #000; align-items: center; font-style: italic; gap: 12px; width: fit-content;}
.component.saiba-mais .icon {width: 21.6px; height: 21.6px; transition: .3s; background-color: var(--amarelo1); border-radius: 50%; display: flex; justify-content: center; align-items: center; font: 400 11px/1 controllerext; color: var(--cor1);}

.component.saiba-mais:hover {transform: scale(1.02);}