.input-origem-porcentagem {
  resize: none;
  width: 95%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: space-between;
  font-size: 1.2em;
  padding: 20px 0 20px 20px;
  border: 0.5px solid var(--color-007);
  background-color: var(--color-006);
  border-radius: var(--border-radius-padrao);
  font-family: var(--main-font);
  overflow: auto;
}
.Lado-Lado-porcentagem {
  display: flex;
  align-items: center;
  flex-direction: row;
  border: 1px solid var(--color-007);
  background-color: var(--color-006);
  border-radius: var(--border-radius-padrao);
}

.Lado-Lado-porcentagem > .porcentagem-porcentagem {
  border: none;
}

.Lado-Lado-porcentagem > .porcentagem-porcentagem:focus {
  outline: none;
}

.Lado-Lado-porcentagem:has(.porcentagem-porcentagem:focus) {
  outline: 1px solid var(--color-007);
} 

.p-porcentagem {
  padding: 10px;
  font-size: 1.2rem;
}
.input-resultado-porcentagem {
  flex-grow: 1;
}