export function IconRotateButton() {
  return (
    <div className="bg-[#FAFAF8] p-12 grid place-items-center">
      <style>{`
        .rot-btn .rot-icon {
          display: inline-block;
          transition: transform .55s cubic-bezier(.3, .9, .2, 1.1);
        }
        .rot-btn:hover .rot-icon { transform: rotate(360deg); }
        .rot-btn:hover { background: #18181b; color: #FAFAF8; }
        .rot-btn { transition: background .25s ease, color .25s ease; }
        .rot-btn:active { transform: scale(.98); }
      `}</style>
      <button
        type="button"
        className="rot-btn inline-flex items-center gap-2.5 px-5 py-2.5 rounded-md text-[13px] font-medium"
        style={{
          background: "transparent",
          border: "1px solid #18181b",
          color: "#18181b",
        }}
      >
        <span className="rot-icon">↻</span>
        Refresh feed
      </button>
    </div>
  );
}
Icon Rotate Button
