I'm testing some materialize components, because I'm a beginner. I noticed that the effect of the waves-effect waves-light class is not working. I wanted to know what's happening, I've tried waves-rippler but it did not work either. I also think it might be the directory, I'm not sure.
<!DOCTYPEhtml><htmllang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Teste</title>
<!-- Materialize CSS -->
<link rel="stylesheet" type="text/css"
href="materialize/css/materialize.css" media="screen,projection">
<link rel="stylesheet" type="text/css"
href="materialize/css/default.css">
<link rel="stylesheet" type="text/css"
href="MaterialDesign/MaterialDesign/css/materialdesignicons.css">
</head>
<body>
<a class="waves-effect waves-light btn-large">Button</a>
<!-- JQuery -->
<script src="js/jquery-3.2.1.min.js"></script>
<!-- Materialize JS -->
<script href="materialize/js/materialize.js"></script>
</body>
</html>