[Projeto] Resoluçao Botao

Ola! vim mostra como ficou o meu, ficou bem diferente da do prof

export const Botao = ({ children, corFundo, corLetra ,corHover}) => {
  const BotaoEstilizado = styled.button`
    color: ${corLetra};
    background-color: ${corFundo};
    width: 120px;
    height: 46px;
    border-radius: ${(props) => props.theme.espacamentos.s};
    border: 2px solid;
    border-color: ${props=> props.theme.cores.primarias.b};
    &:hover{
     background-color: ${corHover};
    }
  `;
  return <BotaoEstilizado>{children}</BotaoEstilizado>;
};

<Botao corFundo='transparent' corLetra="#d93114" >
               <Tipografia variante='bold16' componente='body'>Anterior</Tipografia>
              </Botao>
              <Botao  corFundo="#d93114" corLetra="#ffff"corHover='#b61b00' >
              <Tipografia variante='bold16' componente='body'>Proximo</Tipografia>
              </Botao>

Queria mostra minha soluçao mas acho que n ta 'certo' igual o do prof porque fica muito sucetivel a erros passando a cor no app