.temper-button,.wp-block-temper-blocks-button{align-items:center;background-color:var(--wp--preset--color--primary,#0073aa);border:none;border-radius:4px;box-sizing:border-box;color:var(--wp--preset--color--white,#fff);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;line-height:1;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.temper-button__full,.wp-block-temper-blocks-button__full{width:100%}.temper-button:hover,.wp-block-temper-blocks-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);text-decoration:none;transform:translateY(-1px)}.temper-button:active,.wp-block-temper-blocks-button:active{box-shadow:0 2px 4px rgba(0,0,0,.1);transform:translateY(0)}.temper-button:focus,.wp-block-temper-blocks-button:focus{outline:2px solid var(--wp--preset--color--primary,#0073aa);outline-offset:2px}.temper-button .button-content,.wp-block-temper-blocks-button .button-content{align-items:center;display:flex;gap:.5rem;justify-content:center}.temper-button .button-text,.wp-block-temper-blocks-button .button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.temper-button .button-arrow,.temper-button .button-icon,.wp-block-temper-blocks-button .button-arrow,.wp-block-temper-blocks-button .button-icon{align-items:center;display:flex;transition:transform .2s ease}.temper-button .button-arrow svg,.temper-button .button-icon svg,.wp-block-temper-blocks-button .button-arrow svg,.wp-block-temper-blocks-button .button-icon svg{height:16px;width:16px}.temper-button .button-arrow .icon-fallback,.temper-button .button-icon .icon-fallback,.wp-block-temper-blocks-button .button-arrow .icon-fallback,.wp-block-temper-blocks-button .button-icon .icon-fallback{font-size:.8em;opacity:.7}.temper-button:hover .button-arrow,.temper-button:hover .button-icon,.wp-block-temper-blocks-button:hover .button-arrow,.wp-block-temper-blocks-button:hover .button-icon{transform:translateX(2px)}.temper-button.has-small-font-size,.wp-block-temper-blocks-button.has-small-font-size{font-size:.875rem;padding:.5rem 1rem}.temper-button.has-small-font-size .button-arrow svg,.temper-button.has-small-font-size .button-icon svg,.wp-block-temper-blocks-button.has-small-font-size .button-arrow svg,.wp-block-temper-blocks-button.has-small-font-size .button-icon svg{height:14px;width:14px}.temper-button.has-large-font-size,.wp-block-temper-blocks-button.has-large-font-size{font-size:1.25rem;padding:1rem 2rem}.temper-button.has-large-font-size .button-arrow svg,.temper-button.has-large-font-size .button-icon svg,.wp-block-temper-blocks-button.has-large-font-size .button-arrow svg,.wp-block-temper-blocks-button.has-large-font-size .button-icon svg{height:18px;width:18px}.temper-button[class*=has-][class*=-background-color],.wp-block-temper-blocks-button[class*=has-][class*=-background-color]{background-color:inherit}.temper-button[class*=has-][class*=-color],.wp-block-temper-blocks-button[class*=has-][class*=-color]{color:inherit}