text: export default theme => ({
    container: {
      background: theme.colorSubscriptionContainerBackground,
      border: theme.colorSubscriptionContainerBorder,
      margin: [0, 0, 20, -20],
      padding: 20,
      'border-radius': theme.borderRadius,
      pointerEvents: 'none',
      height: 'auto',
    },
    titleContainer: {
      display: 'flex',
    },
    title: {
      'font-weight': 'bold',
      color: theme.colorSubscriptionContainerTitle,
    },
    actionButton: {
      background: theme.colorSubscriptionContainerActionButtonBackground,
      color: theme.colorSubscriptionContainerActionButtonColor,
      'margin-left': 'auto',
      'border-radius': theme.borderRadiusSmall,
      padding: [4, 8],
      'font-size': 12,
      pointerEvents: 'initial',
    },
    content: {
      opacity: 0.5,
      'margin-top': 20,
      '& > :last-child': {
        'margin-bottom': 0,
      },
    },
  });
  