Meu botão não quer aparecer | Guia de estilos: montando páginas com componentes

Não sei porque meu botão não quer receber a estilização do css

Insira aqui a descrição dessa imagem para ajudar na acessibilidade segue meu código:

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Home | Casa Verde</title>
        <link rel="stylesheet" href="assets/css/reset.css">
        <link rel="stylesheet" href="assets/css/componentes/botoes.css">
        <link href="https://fonts.googleapis.com/css2?family=Elsie+Swash+Caps:wght@900&
        family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
    </head>
<body>

    <button class="botao">Assinar Newsletter</button>
</body>

</html>

CSS:

.botao {
    background-color: #FFCB47;

    text-align: center;
    font-family: 'MontSerrat' , sans-serif;
    font-weight: bold;
    color: #FFFFFF;

    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;

    box-shadow: 10px 10px 30px #FFCB473D;

    border: none;
}