Aumentar tamanho da fonte proporcional ao tamanho do botao

Front-end
,
#1

Boa tarde, estou com dificuldade com tamanho da fonte de um texto que está em cima de uma imagem.
Tenho vários botões em varias colunas que se ajustam de acordo com a resolução do dispositivo. Preciso que ao mudar o tamanho do botão, a font-size do texto que esta em cima dele se ajuste tambem proporcionalmente. Tentei usar o tipo vw, mas ele se baseia no tamanho da tela e nao do botao.
Não tenho muita experiencia com a parte do front. Alguem pode me ajudar?

#2

Olá amigo, você poderia utilizar desta forma, para alterar a fonte:

Recortado de: https://codepen.io/seyedi/pen/oxWOVX

image
image.png1240×388 27.2 KB

Para proporciona de acordo com o botão, poderia utilizar JavaScript:

<p class="text-estilo">Clique aqui</p>

<button id="btn-menu"></button>

<script type="text/javascript">

var btn = document.querySelector("#btn-menu");
var btnAltura = btn.style.height;
var btnLargura = btn.style.width;

var texto = document.querySelector(".text-estilo");

//Pegar a alteração do redimesionamento da janela
window.onresize = function(){
	
	texto.style.fontSize = (btnAltura * 2.2)+"px";
	//texto.style.fontSize = (btnLargura * 2.2)+"px";

}

</script>