Как я могу вставить условный блок CSS с Linaria?

Question

У меня есть карточный компонент, который имеет разные мобильные стили на разных страницах. Эти стили зависят от опоры. Как я могу получить следующий блок кода?

${props => props.responsive ? `
  width: 100%;
  padding: 16px;
` : ''
}