Não sei porque meu botão não quer receber a estilização do css
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;
}
