import { styled } from 'styled-components';

export const StyledAnimatedText = styled.div`
  position: relative;
  display: inline-block;

  .cursor {
    position: absolute;
    top: 0;
    left: calc(100% + 0.25em);

    width: 10px;
    height: 100%;

    background-color: ${({ theme }) => theme.colors['accent']};

    animation: blinking 1s infinite;
  }
`;
