:root{--btn-gap:var(--space-xs);--btn-padding-y:var(--space-2xs);--btn-padding-x:var(--space-md);--btn-font-size:var(--text-base)}.btn{align-items:center;background-color:var(--color-contrast-higher);border-radius:var(--radius-md);box-shadow:var(--shadow-button);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--btn-font-size);font-weight:500;gap:var(--btn-gap);justify-content:center;line-height:1.6;padding:var(--btn-padding-y) var(--btn-padding-x);position:relative;text-decoration:none;transition:all var(--ease-out) .2s;transition:background-color .2s var(--ease-out),transform .1s var(--ease-out);white-space:nowrap;will-change:transform;z-index:1}.btn:focus,.btn:hover{background-color:var(--color-black)}.btn:active{transform:translateY(2px)}.btn--primary,.wp-block-button.is-style-primary .wp-block-button__link{background-color:var(--color-primary);color:var(--color-white)}.btn--primary:focus,.btn--primary:hover,.wp-block-button.is-style-primary .wp-block-button__link:focus,.wp-block-button.is-style-primary .wp-block-button__link:hover{background-color:var(--color-primary-dark)}.btn--accent,.wp-block-button.is-style-accent .wp-block-button__link{background-color:var(--color-accent);color:var(--color-black)}.btn--accent:focus,.btn--accent:hover,.wp-block-button.is-style-accent .wp-block-button__link:focus,.wp-block-button.is-style-accent .wp-block-button__link:hover{background-color:var(--color-accent-dark)}.btn--link,.wp-block-button.is-style-link .wp-block-button__link{background-color:#0000;box-shadow:none;color:var(--color-primary);padding:0}.btn--link:focus,.btn--link:hover,.wp-block-button.is-style-link .wp-block-button__link:focus,.wp-block-button.is-style-link .wp-block-button__link:hover{text-decoration:underline}.btn--disabled,.btn[aria-disabled=true],.btn[disabled],.btn[readonly]{cursor:not-allowed;opacity:.6}.btn--icon{padding:.5rem}