我导入我的css文件如下：

import styles from "./Documentation.module.css";

在此处使用样式：

<button
    className={styles.button}
    onClick={(e) => selectDoc(m.id)}
    >
    <b>{m.title}</b>
</button>

按钮的css如下所示：

.button {
    color: "#d0e6a5";
    background-color: "#5d684b";
    border: "none";
    border-left: "4px solid #d0e6a5";
    font-size: "28px";
    padding: "6px 12px";
    margin: "3px";
    width: "200px";
}

但是CSS并没有应用到按钮元素上。这种情况发生在所有的样式上。我不知道问题可能是什么。
使用inlined或者“style”对我来说是没有选择的，因为css会得到更多。你知道我该如何诊断这个问题吗？