/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/buttons/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
/*
 * Button Component Styles
 * 
 * Structure:
 * 1. CSS Variables & Root Settings
 * 2. Mixins
 * 3. Button Container (.wp-block-polaris-buttons)
 * 4. Button Base Styles (.wp-block-polaris-button)
 * 5. Button Size Variants
 * 6. Button Style Variants
 * 7. Button Icon Styles
 * 8. Special Cases & Overrides
 */
:root {
  --button-padding-y: var(
  	--wp--custom--spacing--button-top-bottom,
  	var(--wp--preset--spacing--30, 0.44rem)
  );
  --button-padding-x: var(
  	--wp--custom--spacing--button-left-right,
  	var(--wp--preset--spacing--40, 0.67rem)
  );
  --button-padding-y-small: calc(var(--button-padding-y) / 1.5);
  --button-padding-x-small: calc(var(--button-padding-x) / 2);
  --button-padding-y-large: calc(var(--button-padding-y) * 1.5);
  --button-padding-x-large: calc(var(--button-padding-x) * 1.5);
}
.wp-block-polaris-button:not(.is-style-secondary):not(.is-style-tertiary):not(.is-style-text-link):not(.is-appearance-outline):hover, .wp-block-polaris-button:not(.is-style-secondary):not(.is-style-tertiary):not(.is-style-text-link):not(.is-appearance-outline):focus, .is-accessible-card:hover .wp-block-polaris-button:not(.is-style-secondary):not(.is-style-tertiary):not(.is-style-text-link):not(.is-appearance-outline) {
  background-color: var(--wp--preset--color--primary-contrast);
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
}
.wp-block-polaris-button.is-style-secondary:not(.is-appearance-outline):hover, .wp-block-polaris-button.is-style-secondary:not(.is-appearance-outline):focus, .is-accessible-card:hover .wp-block-polaris-button.is-style-secondary:not(.is-appearance-outline) {
  background-color: var(--wp--preset--color--secondary-contrast);
  color: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
}
.wp-block-polaris-button.is-style-tertiary:not(.is-appearance-outline):hover, .wp-block-polaris-button.is-style-tertiary:not(.is-appearance-outline):focus, .is-accessible-card:hover .wp-block-polaris-button.is-style-tertiary:not(.is-appearance-outline) {
  background-color: var(--wp--preset--color--neutral-2-contrast);
  color: var(--wp--preset--color--neutral-2);
  border-color: var(--wp--preset--color--neutral-2);
}
.wp-block-polaris-button.is-appearance-outline:not(.is-style-secondary):not(.is-style-tertiary):not(.is-style-text-link):hover, .wp-block-polaris-button.is-appearance-outline:not(.is-style-secondary):not(.is-style-tertiary):not(.is-style-text-link):focus, .is-accessible-card:hover .wp-block-polaris-button.is-appearance-outline:not(.is-style-secondary):not(.is-style-tertiary):not(.is-style-text-link) {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.wp-block-polaris-button.is-appearance-outline.is-style-secondary:hover, .wp-block-polaris-button.is-appearance-outline.is-style-secondary:focus, .is-accessible-card:hover .wp-block-polaris-button.is-appearance-outline.is-style-secondary {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--secondary-contrast);
}
.wp-block-polaris-button.is-appearance-outline.is-style-tertiary:hover, .wp-block-polaris-button.is-appearance-outline.is-style-tertiary:focus, .is-accessible-card:hover .wp-block-polaris-button.is-appearance-outline.is-style-tertiary {
  background-color: var(--wp--preset--color--neutral-2);
  color: var(--wp--preset--color--neutral-2-contrast);
}
.wp-block-polaris-button.is-style-text-link:hover, .wp-block-polaris-button.is-style-text-link:focus, .is-accessible-card:hover .wp-block-polaris-button.is-style-text-link {
  opacity: 0.7;
  background-color: transparent;
  border-color: transparent;
  color: currentColor;
  text-decoration: none;
}
.wp-block-polaris-buttons {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--40, 1rem);
}
.wp-block-polaris-button {
  --icon-size: 1.5rem;
  --button-block-gap: var(--wp--preset--spacing--30, 0.67rem);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  border: var(--wp--custom--border-width--tiny) solid transparent;
}
.wp-block-polaris-button:not(.is-style-text-link) {
  text-decoration: none;
}
.wp-block-polaris-button .wp-block-polaris-icon {
  --icon-size: 1.5rem;
}
.wp-block-polaris-button.is-size-default {
  font-size: var(--wp--preset--font-size--x-small, 1.25rem);
  padding: var(--button-padding-y) var(--button-padding-x);
}
.wp-block-polaris-button.is-size-small {
  --icon-size: 1.25rem;
  --button-block-gap: var(--wp--preset--spacing--0, 0.25rem);
  padding: var(--button-padding-y-small) var(--button-padding-x-small);
  font-size: var(--wp--preset--font-size--xx-small, 1rem);
}
.wp-block-polaris-button.is-size-small .wp-block-polaris-icon {
  --icon-size: 1.25rem;
}
.wp-block-polaris-button.is-size-large {
  --icon-size: 1.75rem;
  --button-block-gap: var(--wp--preset--spacing--40, 0.83rem);
  padding: var(--button-padding-y-large) var(--button-padding-x-large);
  font-size: var(--wp--preset--font-size--small, 1.563rem);
}
.wp-block-polaris-button.is-size-large .wp-block-polaris-icon {
  --icon-size: 1.75rem;
}
.wp-block-polaris-button:not(.is-style-secondary):not(.is-style-tertiary):not(.is-style-text-link):not(.is-appearance-outline) {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-polaris-button.is-style-secondary:not(.is-appearance-outline) {
  color: var(--wp--preset--color--secondary-contrast);
  background-color: var(--wp--preset--color--secondary);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-polaris-button.is-style-tertiary:not(.is-appearance-outline) {
  color: var(--wp--preset--color--neutral-2-contrast);
  background-color: var(--wp--preset--color--neutral-2);
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-polaris-button.is-appearance-outline {
  background-color: transparent;
  color: currentColor;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.wp-block-polaris-button.is-appearance-outline:not(.is-style-secondary):not(.is-style-tertiary):not(.is-style-text-link) {
  border-color: var(--wp--preset--color--primary);
}
.wp-block-polaris-button.is-appearance-outline.is-style-secondary {
  border-color: var(--wp--preset--color--secondary);
}
.wp-block-polaris-button.is-appearance-outline.is-style-tertiary {
  border-color: var(--wp--preset--color--neutral-2);
}
.wp-block-polaris-button.is-style-text-link {
  color: currentColor;
  background-color: transparent;
  text-decoration: underline;
  padding: var(--button-padding-y) 0;
  transition: opacity 0.2s ease;
}
.wp-block-polaris-button.is-style-text-link:not(:first-child) {
  margin-left: var(--wp--preset--spacing--30, 0.5rem);
}
.wp-block-polaris-button.is-style-text-link:not(:last-child) {
  margin-right: var(--wp--preset--spacing--30, 0.5rem);
}
.wp-block-polaris-button__icon {
  display: inline-flex;
  align-items: center;
}
.wp-block-polaris-button .wp-block-polaris-button__icon,
.wp-block-polaris-button .icon-item,
.wp-block-polaris-button .icon-item__wrap,
.wp-block-polaris-button .icon-item__wrap svg {
  height: var(--icon-size);
  width: var(--icon-size);
}
.wp-block-polaris-button:has(.wp-block-polaris-button__icon) {
  display: inline-flex;
  align-items: center;
  gap: var(--button-block-gap);
}
.wp-block-polaris-button:has(.wp-block-polaris-button__icon) .wp-block-polaris-button__text {
  display: inline;
}

/*# sourceMappingURL=style-index.css.map*/