import { styled } from "../../../theme.js";
import { rippleHostStyles } from "../../../utils/useRipple.styled.js";
const StyledButton = styled("button", rippleHostStyles, {
    height: "50px",
    width: "50px",
    margin: "0",
    borderRadius: "666px",
    border: "none",
    display: "block",
    background: "none",
});
const StyledDot = styled("span", {
    display: "block",
    width: "4px",
    height: "4px",
    borderRadius: "666px",
    background: "$text3",
    margin: "auto",
});
export { StyledButton, StyledDot, };
//# sourceMappingURL=Button.styled.js.map