message: Lines up link styles with comps
diff: @@ -6,30 +6,9 @@ import blockLightboxLinkFragment from 'react/components/BlockLightbox/components
  import Box from 'react/components/UI/Box';
  import Text from 'react/components/UI/Text';
  -
  -const Overlay = styled(Box).attrs({
  - px: 6,
  - pb: 7,
  - textAlign: 'center',
  -})`
  - position: absolute;
  - right: 0;
  - bottom: 0;
  - left: 0;
  - pointer-events: none;
  - opacity: 0;
  -
  - > {
  - text-shadow: 2px 2px #ff0000;
  - }
  -`;
  +import Icons from 'react/components/UI/Icons';
  const Screenshot = styled(Box)`
  - &:hover {
  - ${Overlay} {
  - opacity: 1;
  - }
  - }
  `;
  const Image = styled(Box)`
  @@ -46,7 +25,8 @@ const Image = styled(Box)`
  bottom: 0;
  left: 0;
  height: 6em;
  - background: linear-gradient(${props => props.theme.colors.utility.transparent} 0%, rgba(0, 0, 0, 0.5) 100%);
  + background: linear-gradient(${props => props.theme.colors.utility.transparent} 0%,
  + rgba(0, 0, 0, 0.125) 100%);
  }
  `;
  @@ -60,27 +40,25 @@ export default class BlockLightboxLink extends PureComponent {
  const { block } = this.props;
  return (
  - <Box display="flex" flexDirection="column" height="100%" width="100%">
  - <Box border="2px solid" borderColor="gray.light" px={6} py={4} borderRadius="0.25em" mb={4} ml={6}>
  + <Box p={6} width="100%" height="100%">
  + <Box display="flex" flexDirection="column" height="100%" width="100%" border="1px solid" borderColor="gray.light" borderRadius="0.25em">
  <a href={block.source_url} target="_blank">
  + <Box px={6} py={4} mb={4} display="flex" borderBottom="1px solid" borderColor="gray.light">
  + <Icons name="Link" size="1rem" color="gray.base" mr={5} />
  +
  <Text f={2} font="mono" color="gray.semiBold">
  - {block.source_url}
  + <u>{block.source_url}</u>
  </Text>
  - </a>
  </Box>
  + </a>
  <Screenshot bg="middleGray" flex="1" width="100%" position="relative">
  <a href={block.source_url} target="_blank">
  <Image width="100%" height="100%" backgroundImage={block.image_url} />
  </a>
  -
  - <Overlay>
  - <Text color="white" fontWeight="bold">
  - Open URL in new tab
  - </Text>
  - </Overlay>
  </Screenshot>
  </Box>
  + </Box>
  );
  }
  }
  