:where(.fs-button){--gap:0.6em;--multiplier:1;--icon-width:1.2em;--border-width:1.5px;--transition-duration:var(--fs-blocks-duration);--transition-ease:var(--fs-blocks-ease-out);--foreground-color:currentcolor;--background-color:transparent;--hover-foreground-offset:-10;--hover-foreground-color:lch(from var(--foreground-color) calc(l + var(--hover-foreground-offset)) c h);--hover-background-color:lch(from var(--background-color) calc(l - 10) c h);.fs-dark &{--hover-foreground-offset:10}&.is-style-fill{--foreground-color:var(--fs-blocks-color-primary-contrast);--background-color:var(--fs-blocks-color-primary)}&.is-style-underline{--foreground-color:currentcolor;--background-color:var(--fs-blocks-color-primary)}&.is-style-outline{--foreground-color:currentcolor;--background-color:var(--foreground-color)}&.is-style-blank,&.is-style-muted{--foreground-color:currentcolor}}.fs-button{align-items:center;border-radius:var(--fs-blocks-radius);display:inline-flex;gap:var(--gap);justify-content:center;position:relative;text-align:center;transition-duration:var(--transition-duration);transition-property:transform,border-color,background-color,box-shadow,opacity,color;vertical-align:baseline;&:has(.fs-icon+.fs-button__text){--multiplier:-1}&:where(.is-icon){flex-shrink:0;height:var(--fs-blocks-input-height);padding-inline:0;width:var(--fs-blocks-input-height);.fs-icon{stroke-width:1.5px;--fs-nav-dropdown-toggle-icon-size:1.5em;--fs-size:1.5em}}&.is-style-blank,&.is-style-underline{&.is-icon{height:2em;width:2em}}&.is-style-fill{background:var(--background-color);color:var(--foreground-color)}&.is-style-blank{background:transparent;border-color:transparent;box-shadow:none;color:var(--foreground-color,currentcolor);&:not([disabled]):hover{color:var(--hover-foreground-color)}}&.is-style-outline{background:transparent;border-color:var(--background-color,var(--foreground-color));border-width:1px;box-shadow:none;color:var(--foreground-color);&.is-white{border-color:rgba(0,0,0,.05);color:currentcolor;&:not([disabled]):hover{border-color:var(--hover-background-color)}}&:not([disabled]):hover{border-color:var(--hover-foreground-color);color:var(--hover-foreground-color)}}&.is-style-underline{background:transparent;border-color:transparent;color:var(--foreground-color);&:before{background:var(--background-color,var(--foreground-color));bottom:0;content:"";height:var(--border-width);left:20%;opacity:.3;position:absolute;transition-duration:var(--transition-duration);transition-property:left,width,opacity;transition-timing-function:var(--transition-ease);width:60%}&:not([disabled]):hover{color:var(--hover-foreground-color);&:before{left:0;opacity:1;width:100%}}}&.is-style-muted{background:color-mix(in srgb,currentcolor 5%,transparent);border-color:transparent;color:var(--foreground-color);position:relative;&:not([disabled]):hover{background:color-mix(in srgb,currentcolor 10%,transparent)}}&:not([disabled]):not(.is-style-blank,.is-style-outline,.is-style-underline,.is-style-muted):hover{background-color:var(--hover-background-color);border-color:var(--hover-background-color);color:var(--foreground-color)}&.hover-reveal-icon{.fs-button__text{transform:translateX(calc(var(--multiplier)*(var(--icon-width)/2 + var(--gap)/2)));transition:transform var(--transition-duration) var(--transition-ease)}.fs-icon{opacity:0;scale:.9;transition:opacity var(--transition-duration) var(--transition-ease),scale var(--transition-duration) var(--transition-ease)}&:not([disabled]):hover{.fs-button__text{transform:none}.fs-icon{opacity:1;scale:1}}}}.fs-button.is-expanded{display:flex;width:100%}:where(.fs-button).is-expanded{margin-inline:0}:where(.fs-flex)>.fs-button.is-expanded{align-self:stretch}.wp-element-button.fs-button:not(.is-style-blank,.is-style-outline,.is-style-underline,.is-style-muted){color:var(--foreground-color)}:where(:not(.fs-flex))>.fs-block-button:where(:not(.is-expanded,:last-child,:only-child)){margin-inline-end:var(--fs-blocks-spacing-sm)}.fs-button__text{flex:1;position:relative}@container style(--fs-align-items: stretch){.fs-button{align-self:center}}