{"version":3,"file":"blocks/Button/style-index.css","mappings":";;;AAAA;EACE;EACA;AACF;AACE;EACE;AACJ;AAEE;EACE;EACA;AAAJ;AAGE;EACE;AADJ;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADJ;AAGI;EACE;AADN;AAII;EACE;AAFN;AAKI;EACE;AAHN;AAMI;EACE;EACA;EACA;EACA;AAJN;AAOI;EACE;EACA;EACA;EACA;EACA;EACA;AALN;AAOM;EACE;EACA;AALR;AASI;EACE;AAPN;AAWI;EACE;EACA;EACA;EACA;EACA;AATN;AAWM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATR;AAWM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AATR;AAaQ;EACE;AAXV;AAgBI;EACE;EACA;EACA;AAdN;AAgBM;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAfR;AAkBM;EACE;AAhBR;AAkBM;EACE;AAhBR;AAoBQ;EAEE;AAnBV;AAsBQ;EACE;AApBV;AA0BE;EAEE;AAzBJ;AA4BE;EACE;AA1BJ;AA4BI;EACE;EACA;AA1BN;AA8BE;EACE;AA5BJ;AA8BI;EACE;EACA;AA5BN;AAgCE;EACE;AA9BJ;AAgCI;EACE;EACA;AA9BN;AAkCE;EACE;AAhCJ;AAkCI;EACE;EACA;AAhCN;AAoCE;;EAEE;AAlCJ;AAoCE;;EAEE;AAlCJ;;AAsCE;;EAQE;AAzCJ;AA4CE;;EAQE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhDJ;AAmDE;EAGE;AAnDJ;AAsDE;EAIE;EACA;AAvDJ;AA0DE;EAIE;EACA;EACA;AA3DJ;;AAkEE;EACE;AA/DJ;AA2EI;EACE;AAzEN;AA8EI;EACE;AA5EN;;AAkFE;EACE;AA/EJ;;AAmFA;EACE;EAAA;AAhFF;AAiFE;EACE;AA/EJ,C","sources":["webpack://brandy-blocks/./src/blocks/Button/style.scss"],"sourcesContent":[".wp-block-brandy-button {\n  display: flex;\n  align-items: center;\n\n  &.has-block-alignment-left {\n    margin-right: auto !important;    \n  }\n\n  &.has-block-alignment-center {\n    margin-right: auto !important;\n    margin-left: auto !important;\n  }\n\n  &.has-block-alignment-right {\n    margin-left: auto !important;\n  }\n  .wp-block-button__link {\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    text-align: center;\n    word-break: break-word;\n    box-sizing: border-box;\n    width: auto;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    z-index: 1;\n\n    &.has-text-align-left {\n      justify-content: flex-start;\n    }\n\n    &.has-text-align-center {\n      justify-content: center;\n    }\n\n    &.has-text-align-right {\n      justify-content: flex-end;\n    }\n\n    .brandy-button-text {\n      display: inline-block;\n      position: relative;\n      z-index: 2;\n      transition: color 0.3s ease;\n    }\n\n    .brandy-button-icon {\n      display: inline-flex;\n      align-items: center;\n      line-height: 1;\n      position: relative;\n      z-index: 2;\n      transition: color 0.3s ease;\n\n      .brandy-button-icon-content {\n        display: inline-flex;\n        align-items: center;\n      }\n    }\n\n    &:has(.brandy-button-text) .brandy-button-icon {\n      font-size: 1.4em;\n    }\n\n    // Swipe Animation - Purity theme style (simple bottom to top)\n    &.has-animation-swipe {\n      position: relative;\n      overflow: hidden;\n      z-index: 0;\n      transition-delay: 5s;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n      &::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        z-index: -1;\n        backface-visibility: hidden;\n        will-change: transform;\n      }\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        width: 120%;\n        height: 100%;\n        background-color: var(--hover-background-color, var(--global-button-background-hover));\n        color: var(--hover-color, var(--global-button-text-hover));\n        transform: rotate3d(0, 0, 2, 10deg) translate3d(-1.2em, 105%, 0);\n        transform-origin: 0% 100%;\n        transition: transform 0.5s ease;\n        will-change: transform;\n        backface-visibility: hidden;\n      }\n\n      &:hover {\n        &::after {\n          transform: rotate3d(0, 0, 1, 0) translateZ(0);\n        }\n      }\n    }\n\n    &.has-animation-glow {\n      position: relative;\n      overflow: hidden;\n      transition: color 0.3s ease;\n\n      &::before,\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: -5px;\n        bottom: -5px;\n        left: -5px;\n        right: -5px;\n        z-index: -1;\n        transform: translateX(-100%);\n        transition: transform 0.3s cubic-bezier(0.75, 0, 0.125, 1);\n      }\n\n      &::before {\n        background-color: rgba(255, 255, 255, 0.1);\n      }\n      &::after {\n        background-color: var(--hover-background-color, var(--global-button-background-hover));\n      }\n\n      &:hover {\n        &::before,\n        &::after {\n          transform: translateX(0);\n        }\n\n        &::after {\n          transition-delay: 0.15s;\n        }\n      }\n    }\n  }\n\n  .wp-block-brandy-button[style*=\"text-decoration\"]\n    .wp-block-brandy-button__link {\n    text-decoration: inherit;\n  }\n\n  &.wp-block-brandy-button__width-25 {\n    width: 25% !important;\n\n    .wp-block-button__link {\n      width: 100%;\n      display: flex;\n    }\n  }\n\n  &.wp-block-brandy-button__width-50 {\n    width: 50% !important;\n\n    .wp-block-button__link {\n      width: 100%;\n      display: flex;\n    }\n  }\n\n  &.wp-block-brandy-button__width-75 {\n    width: 75% !important;\n\n    .wp-block-button__link {\n      width: 100%;\n      display: flex;\n    }\n  }\n\n  &.wp-block-brandy-button__width-100 {\n    width: 100% !important;\n\n    .wp-block-button__link {\n      width: 100%;\n      display: flex;\n    }\n  }\n\n  .wp-block-brandy-button.is-style-squared,\n  .wp-block-button__link.wp-block-brandy-button.is-style-squared {\n    border-radius: 0;\n  }\n  .wp-block-brandy-button.no-border-radius,\n  .wp-block-button__link.no-border-radius {\n    border-radius: 0 !important;\n  }\n}\n:root {\n  :where(\n      .wp-block-button.is-style-outline\n        > .wp-block-button__link:not(.has-text-color)\n    ),\n  :where(\n      .wp-block-button\n        .wp-block-button__link.is-style-outline:not(.has-text-color)\n    ) {\n    color: currentColor;\n  }\n\n  :where(\n      .wp-block-brandy-button.is-style-outline\n        > .wp-block-button__link:not(.has-background)\n    ),\n  :where(\n      .wp-block-brandy-button\n        .wp-block-button__link.is-style-outline:not(.has-background)\n    ) {\n    border-color: currentColor;\n    border-style: solid;\n    border-width: 2px !important;\n    color: currentColor;\n    background-color: transparent;\n    padding-top: calc(1rem - 1px);\n    padding-right: calc(2.25rem - 1px);\n    padding-bottom: calc(1rem - 1px);\n    padding-left: calc(2.25rem - 1px);\n  }\n\n  :where(\n      .wp-block-brandy-button.is-style-outline--2 .wp-block-button__link:hover\n    ) {\n    border-color: var(--wp--custom--button--outline--hover-border) !important;\n  }\n\n  :where(\n      .wp-block-brandy-button.is-style-outline--2\n        > .wp-block-button__link:not(.has-background)\n    ) {\n    color: currentColor !important;\n    background-color: transparent !important;\n  }\n\n  :where(\n      .wp-block-brandy-button.is-style-outline--2\n        > .wp-block-button__link:not(.has-background):hover\n    ) {\n    color: var(--wp--custom--button--outline--hover-foreground) !important;\n    background: var(--wp--custom--button--outline--hover-background) !important;\n    border-color: var(--wp--custom--button--outline--hover-border) !important;\n  }\n}\n\n// Ensure hover colors are applied to the button element, not the wrapper\n.wp-block-brandy-button {\n  // Reset any hover styles on the wrapper\n  &:hover {\n    background-color: inherit !important;\n  }\n\n  // Apply hover styles to the button element using Brandy's hover color system\n  .wp-block-button__link {\n    &:hover {\n      // This will be overridden by WordPress hover color styles\n    }\n  }\n\n  // Support for Brandy's custom hover color system\n  &:where([style*=\"--hover-background-color\"]) {\n    .wp-block-button__link:hover {\n      background: var(--hover-background-color) !important;\n    }\n  }\n\n  &:where([style*=\"--hover-color\"]) {\n    .wp-block-button__link:hover {\n      color: var(--hover-color) !important;\n    }\n  }\n}\n\n.brandy-icon-settings-component {\n  .components-toggle-control:first-child {\n    margin-bottom: 10px !important;\n  }\n}\n\n.wp-block-button.wp-block-brandy-button {\n  width: fit-content;\n  &.is-selected:focus {\n    box-shadow: none !important;\n  }\n}\n"],"names":[],"sourceRoot":""}