Styled components 如何在带有普通对象（非文字）的样式化组件中添加伪类？

我有一个样式化的

按钮

：

import styled from "styled-components";

export const Button = styled.button({
  width: "100%",
  height: "3rem",
  border: "none",
  cursor: "pointer",
  fontSize: "1em",
  fontFamily: ["inter", "sans-serfi"],
  fontWeight: 500,
  backgroundColor: "#1F75FE",
  color: "#FFF",
  borderRadius: "0.5em",
});

我想添加

hover

伪类，但我不能这样做。但是，对于literal对象，它可能类似于：

export const Button = styled.button`
  &: hover{}
`;