Is it possible to change the style of a component depending on where it is imported?

Question

css

It is necessary that one component assigns one style when imported, and another style works when imported on another page. But for the styles to be in one file

Answer 1

codepen.io/anon/pen/OMZzEy
if you can use calc(), :after{} and vw

Answer 2

It is possible, but it smacks of the "spaceship" component, it can do everything, it does everything, it looks different.
Decompose, include / change styles in the parent component, or look for other options, because your approach smells