import { Box } from "@mui/material";
import styled from "styled-components";
import selectedTheme from "../../../../../../../themes";

export const ClearText = styled(Box)`
  padding-top: 1px;
  border-radius: 100%;
  cursor: pointer;
  padding-right: 2px;
  position: relative;
  left: 6px;
  width: 21px;
  height: 21px;
  &:hover {
    background-color: ${selectedTheme.primaryIconBackgroundColor};
  }
`;