import styled from "@emotion/styled";
import Button from "../Button/Button";

const ArrowButton = styled(Button)`
  background: rgba(94, 63, 196, 0.1);
  width: 30px;
  height: 30px;
  border-radius: 3px;

  &:disabled {
    background: #f1f1f1;
    pointer-events: none;
  }

  &:disabled path {
    fill: #d7d7d7;
  }
`;

export default ArrowButton;