@layer components {
  .button, input[type="submit"], body.woocommerce button.button, body.woocommerce a.button { min-height: 44px; border: 0; border-radius: 999px; background: var(--z-color-primary); color: #fff; padding: .75rem 1.25rem; font-weight: 750; transition: background var(--z-transition), transform var(--z-transition); }
  .button:hover, input[type="submit"]:hover, body.woocommerce button.button:hover, body.woocommerce a.button:hover { background: var(--z-color-primary-hover); transform: translateY(-1px); }
}