Как повысить специфичность селектора ': host' css?

Question

У меня есть стили в верхней части страницы:

<style>
  * {
    margin: 0;
    padding: 0;
  }
</style>

И у меня есть веб-компонент с тенью root, который содержит стили:

:host {
 padding: 10px;
 margin: 20px;
}

Но в браузере специфичность селектора :host ниже, чем *; Могу ли я повысить специфичность селектора :host?

Я пытался использовать классы для компонента узла, например:

:host(.button) {
 padding: 10px;
 margin: 20px;
}

Но это не помогло.