@layer components {
  .button {
    background: var(--button-bg);
    border: var(--button-border-width) solid var(--button-border-color);
    border-radius: var(--button-radius);
    color: var(--button-text);
    cursor: pointer;
    display: inline-block;
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    padding: var(--button-padding-block) var(--button-padding-inline);
    text-decoration: none;
  }
}