convert this to tailwind and get rid of the style tag. for the after pseudoclass, use the after: prefix in tailwind classes

const Hr = () => (
  <div>
    <style jsx>{`
      div {
        border-style: none;
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
      }

      div::after {
        content: "***";
        text-align: center;
        display: inline;
      }
    `}</style>
  </div>
);

export default Hr;
