/* Global Button Styling */
/* Button Text */
.kt-button {
  transition: var(--transition--default);
}
.kt-button :where(.kt-btn-inner-text, .kt-button-text) {
  padding: 5px 8px 0;
}
/* Icon */
/*.kt-button :where(.kb-svg-icon-wrap, .kt-btn-svg-icon) {
  position: relative;
  !*inset-block-start: -2px;*!
  aspect-ratio: 1/1;
  padding: 12px;
  border-radius: 50%;
  transition: var(--transition--default);
}*/
/* Button with Icon */
.kt-button:is(.kt-btn-has-svg-true, .kb-btn-has-icon) {
  gap: 0;
}
/* Button without Icon */
.kb-button:not(.kt-btn-has-svg-true), .button.kb-btn-global-outline:not(.kt-btn-has-svg-true) {
  padding: 17px 4px 12px 4px;
}
.editor-styles-wrapper .kt-button:not(.kb-btn-has-icon), .editor-styles-wrapper .kt-button.kb-btn-global-outline:not(.kb-btn-has-icon) {
  padding: 14px 4px 11px 4px;
}
.kt-button:not(.kt-btn-has-svg-true) .kt-btn-inner-text, .editor-styles-wrapper .kt-button:not(.kb-btn-has-icon) .kt-button-text {
  padding: 4px 16px 0;
}
/* Base Theme Style */
/*.kt-button:not(.button-style-secondary) :where(.kb-svg-icon-wrap, .kt-btn-svg-icon) {
  background-color: var(--global-palette9);
}*/
/* Secondary Theme Style */
/*.kb-btn-global-inherit.button-style-secondary :where(.kb-svg-icon-wrap, .kt-btn-svg-icon),
.kt-button.kb-btn-global-outline :where(.kb-svg-icon-wrap, .kt-btn-svg-icon) {
  background-color: var(--global-palette1);
}*/
/* Fill Button Style */
/*.kt-button.kb-btn-global-fill {
  padding: 14px 16px 8px;
  border-radius: 8px;
}*/
/* Outline Button */
.kb-btn-global-outline::before {
  border: 2px solid var(--global-palette3);
  border-radius: inherit !important;
  transition: var(--transition--default);
  opacity: 1;
}
.kb-btn-global-outline:hover::before {
  background-color: var(--global-palette8);
}
/*.kb-btn-global-outline:not(.has-text-color):hover {
  border-width: 2px;
  outline-color: currentColor;
}*/
.kb-btn-global-outline:not(.has-text-color):focus {
  outline-color: -webkit-focus-ring-color;
}
/* Specific Icon Styling */
/* Phone Icon */
.kt-button :where(.kb-svg-icon-fas_phone.kt-btn-icon-side-left, .kt-btn-svg-icon-fas_phone.kt-btn-side-left) {
  transform: scaleX(-1);
}
/* Icon arrow up right */
.kt-button:hover :where(.kb-svg-icon-fe_arrowUpRight.kt-btn-icon-side-right) {
  rotate: 45deg;
}