@layer dasy.components {

  /* Example button style variation hook for core/button */
  .wp-block-button.is-style-dasy-primary .wp-block-button__link {
    background: var(--dasy-color-primary);
    color: #fff;
    border-radius: var(--dasy-radius-md);
    padding: .75rem 1rem;
    font-weight: 600;
  }

  .wp-block-button.is-style-dasy-outline .wp-block-button__link {
    background: transparent;
    color: var(--dasy-color-primary);
    border: 2px solid var(--dasy-color-primary);
    border-radius: var(--dasy-radius-md);
    padding: .7rem 1rem;
    font-weight: 600;
  }

  .wp-block-button.is-style-dasy-pill .wp-block-button__link {
    border-radius: 9999px;
  }
}