import { Flex, styled } from 'ui/src'

export const CardContents = styled(Flex, {
  width: '100%',
  height: '100%',
  flexDirection: 'row-reverse',
  alignItems: 'center',
  position: 'absolute',
  top: 0,
  right: 0,
  bottom: 0,
  opacity: 1,

  $xxl: {
    opacity: 0.24,
  },

  $lg: {
    opacity: 0,
  },
})
