如何根据媒体查询更改按钮的文本

<button class="my-button">点击按钮</button>

/* 默认样式 */
.my-button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

/* 在较小的屏幕上修改按钮的文本 */
@media screen and (max-width: 600px) {
  .my-button::after {
    content: "点击";
  }
}

/* 在较大的屏幕上修改按钮的文本 */
@media screen and (min-width: 601px) {
  .my-button::after {
    content: "点击按钮";
  }
}