/* ZenBlocks Responsive CSS - Auto Generated */
/* Do not edit directly - regenerated on breakpoint changes */

/* PC Breakpoint (>1140px) - Base styles */
/* Button Basic - pc */
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic {
  width: var(--layout-width-pc, auto);
  min-width: var(--layout-width-min-pc, auto);
  max-width: var(--layout-width-max-pc, none) !important;
  margin-top: var(--spacing-margin-top-pc, 0) !important;
  margin-right: var(--spacing-margin-right-pc, 0) !important;
  margin-bottom: var(--spacing-margin-bottom-pc, 0) !important;
  margin-left: var(--spacing-margin-left-pc, 0) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.is-custom-position-pc {
  position: var(--layout-position-type-pc, relative);
  top: var(--layout-position-top-pc, auto);
  right: var(--layout-position-right-pc, auto);
  bottom: var(--layout-position-bottom-pc, auto);
  left: var(--layout-position-left-pc, auto);
  z-index: var(--layout-z-index-pc, auto);
  transform: translate(var(--layout-transform-translate-x-pc, 0), var(--layout-transform-translate-y-pc, 0));
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button {
  font-size: var(--font-size-pc, inherit) !important;
  padding-top: var(--spacing-padding-top-pc, 0) !important;
  padding-right: var(--spacing-padding-right-pc, 0) !important;
  padding-bottom: var(--spacing-padding-bottom-pc, 0) !important;
  padding-left: var(--spacing-padding-left-pc, 0) !important;
  height: var(--layout-height-pc, auto) !important;
  min-height: var(--layout-height-min-pc, auto) !important;
  max-height: var(--layout-height-max-pc, none) !important;
  border-width: var(--styling-border-width-pc, 0) !important;
  border-style: var(--styling-border-style-pc, none) !important;
  border-color: var(--styling-border-color-pc, transparent) !important;
  box-sizing: var(--styling-box-sizing-pc, border-box) !important;
  border-top-left-radius: var(--styling-radius-outer-top-left-pc, var(--styling-radius-top-left-pc, 0px)) !important;
  border-top-right-radius: var(--styling-radius-outer-top-right-pc, var(--styling-radius-top-right-pc, 0px)) !important;
  border-bottom-right-radius: var(--styling-radius-outer-bottom-right-pc, var(--styling-radius-bottom-right-pc, 0px)) !important;
  border-bottom-left-radius: var(--styling-radius-outer-bottom-left-pc, var(--styling-radius-bottom-left-pc, 0px)) !important;
  box-shadow: var(--styling-shadow-pc, none) !important;
  opacity: var(--styling-opacity-pc, 1) !important;
  mix-blend-mode: var(--styling-mix-blend-mode-pc, normal) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a::after,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button::after {
  border-top-left-radius: var(--styling-radius-top-left-pc, 0px) !important;
  border-top-right-radius: var(--styling-radius-top-right-pc, 0px) !important;
  border-bottom-right-radius: var(--styling-radius-bottom-right-pc, 0px) !important;
  border-bottom-left-radius: var(--styling-radius-bottom-left-pc, 0px) !important;
  box-shadow: var(--styling-inner-shadow-pc, none) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-frame,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-frame {
  border-top-left-radius: max(0px, calc(var(--styling-radius-top-left-pc, 0px) - var(--styling-border-width-pc, 0px))) !important;
  border-top-right-radius: max(0px, calc(var(--styling-radius-top-right-pc, 0px) - var(--styling-border-width-pc, 0px))) !important;
  border-bottom-right-radius: max(0px, calc(var(--styling-radius-bottom-right-pc, 0px) - var(--styling-border-width-pc, 0px))) !important;
  border-bottom-left-radius: max(0px, calc(var(--styling-radius-bottom-left-pc, 0px) - var(--styling-border-width-pc, 0px))) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main {
  height: var(--text-main-height-pc, 1.6em);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text-micro,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text-micro {
  font-size: var(--micro-text-font-size-pc, 12px);
  font-weight: var(--micro-text-font-weight-pc, inherit);
  letter-spacing: var(--micro-text-letter-spacing-pc, 0);
  line-height: var(--micro-text-line-height-pc, 1.2);
  margin-top: var(--micro-text-margin-top-pc, 0);
  margin-right: var(--micro-text-margin-right-pc, 0);
  margin-bottom: var(--micro-text-margin-bottom-pc, 0);
  margin-left: var(--micro-text-margin-left-pc, 0);
  padding-top: var(--micro-text-padding-top-pc, 0);
  padding-right: var(--micro-text-padding-right-pc, 0);
  padding-bottom: var(--micro-text-padding-bottom-pc, 0);
  padding-left: var(--micro-text-padding-left-pc, 0);
  transform: rotate(var(--micro-text-rotate-pc, 0deg));
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text-sub,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text-sub {
  font-size: var(--sub-text-font-size-pc, 12px);
  font-weight: var(--sub-text-font-weight-pc, inherit);
  letter-spacing: var(--sub-text-letter-spacing-pc, 0);
  line-height: var(--sub-text-line-height-pc, 1.2);
  margin-top: var(--sub-text-margin-top-pc, 0);
  margin-right: var(--sub-text-margin-right-pc, 0);
  margin-bottom: var(--sub-text-margin-bottom-pc, 0);
  margin-left: var(--sub-text-margin-left-pc, 0);
  padding-top: var(--sub-text-padding-top-pc, 0);
  padding-right: var(--sub-text-padding-right-pc, 0);
  padding-bottom: var(--sub-text-padding-bottom-pc, 0);
  padding-left: var(--sub-text-padding-left-pc, 0);
  transform: rotate(var(--sub-text-rotate-pc, 0deg));
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.has-icon .wp-block-zenblocks-button-basic-content {
  gap: var(--icon-gap-pc, 0.5em);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon {
  width: var(--icon-size-pc, 25px) !important;
  height: var(--icon-size-pc, 25px) !important;
  left: var(--icon-left-pc, 50%) !important;
  right: var(--icon-right-pc, auto) !important;
  top: var(--icon-top-pc, 50%) !important;
  bottom: var(--icon-bottom-pc, auto) !important;
  transform: translateX(var(--icon-transform-x-pc, -50%)) translateY(var(--icon-transform-y-pc, -50%)) !important;
  transition: width var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
              height var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
              top var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
              left var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
              right var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
              bottom var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
              transform var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
  width: var(--icon-frame-width-pc, 40px);
  height: var(--icon-frame-height-pc, 40px);
  border-radius: var(--icon-frame-radius-pc, 0);
  border-top-width: var(--icon-frame-border-top-width-pc, 0);
  border-right-width: var(--icon-frame-border-right-width-pc, 0);
  border-bottom-width: var(--icon-frame-border-bottom-width-pc, 0);
  border-left-width: var(--icon-frame-border-left-width-pc, 0);
  border-color: var(--icon-frame-border-color-pc, transparent);
  border-style: var(--icon-frame-border-style-pc, solid);
  background: var(--icon-frame-bg-color-pc, transparent);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-overlay.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-overlay.default {
  background-image: var(--background-color-pc, none) !important;
  opacity: var(--background-color-opacity-pc, 1) !important;
  mix-blend-mode: var(--background-color-mix-blend-mode-pc, normal) !important;
  transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-overlay.hover,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-overlay.hover {
  background-image: var(--background-color-pc-hover, var(--background-color-pc, none)) !important;
  opacity: 0 !important;
  mix-blend-mode: var(--background-color-mix-blend-mode-pc-hover, var(--background-color-mix-blend-mode-pc, normal)) !important;
  transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-base-color.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-base-color.default {
  background-color: var(--background-base-color-pc, transparent);
  background-image: var(--background-base-gradient-pc, none);
  transition: background-color var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-image.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-image.default {
  background-image: var(--background-image-pc, none);
  background-size: var(--background-size-pc, cover);
  background-position: var(--background-position-pc, center);
  background-repeat: var(--background-repeat-pc, no-repeat);
  transition: all var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default {
  opacity: var(--background-pattern-opacity-pc, 0.5);
  mix-blend-mode: var(--background-pattern-blend-mode-pc, normal);
  transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms), background-size var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="dots"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="dots"] {
  background-image: radial-gradient(circle, var(--background-pattern-color-pc, #000) 1px, transparent 1px);
  background-size: var(--background-pattern-size-pc, 10px) var(--background-pattern-size-pc, 10px);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="diagonal-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="diagonal-lines"] {
  background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-pc, #000) 0, var(--background-pattern-color-pc, #000) 1px, transparent 0, transparent 50%);
  background-size: var(--background-pattern-size-pc, 10px) var(--background-pattern-size-pc, 10px);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="cross-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="cross-lines"] {
  background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-pc, #000) 0, var(--background-pattern-color-pc, #000) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-pc, #000) 0, var(--background-pattern-color-pc, #000) 1px, transparent 0, transparent 50%);
  background-size: var(--background-pattern-size-pc, 10px) var(--background-pattern-size-pc, 10px);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="horizontal-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="horizontal-lines"] {
  background-image: repeating-linear-gradient(0deg, var(--background-pattern-color-pc, #000) 0, var(--background-pattern-color-pc, #000) 1px, transparent 0, transparent 50%);
  background-size: var(--background-pattern-size-pc, 10px) var(--background-pattern-size-pc, 10px);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="vertical-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="vertical-lines"] {
  background-image: repeating-linear-gradient(90deg, var(--background-pattern-color-pc, #000) 0, var(--background-pattern-color-pc, #000) 1px, transparent 0, transparent 50%);
  background-size: var(--background-pattern-size-pc, 10px) var(--background-pattern-size-pc, 10px);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="grid"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="grid"] {
  background-image: linear-gradient(var(--background-pattern-color-pc, #000) 1px, transparent 1px), linear-gradient(90deg, var(--background-pattern-color-pc, #000) 1px, transparent 1px);
  background-size: var(--background-pattern-size-pc, 10px) var(--background-pattern-size-pc, 10px);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="diagonal-grid"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="diagonal-grid"] {
  background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-pc, #000) 0, var(--background-pattern-color-pc, #000) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-pc, #000) 0, var(--background-pattern-color-pc, #000) 1px, transparent 0, transparent 50%);
  background-size: var(--background-pattern-size-pc, 10px) var(--background-pattern-size-pc, 10px);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="circles"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="circles"] {
  background-image: radial-gradient(circle, transparent 40%, var(--background-pattern-color-pc, #000) 40%, var(--background-pattern-color-pc, #000) 50%, transparent 50%);
  background-size: var(--background-pattern-size-pc, 10px) var(--background-pattern-size-pc, 10px);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="triangles"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="triangles"] {
  background-image: conic-gradient(from 210deg at 50% 85%, var(--background-pattern-color-pc, #000) 0deg, var(--background-pattern-color-pc, #000) 120deg, transparent 120deg);
  background-size: var(--background-pattern-size-pc, 10px) var(--background-pattern-size-pc, 10px);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail {
  width: var(--thumbnail-frame-width-pc, 60px) !important;
  height: var(--thumbnail-frame-height-pc, 60px) !important;
  border-radius: var(--thumbnail-radius-pc, 0);
  box-sizing: var(--thumbnail-box-sizing-pc, border-box);
  border-width: var(--thumbnail-border-width-pc, 0);
  border-style: var(--thumbnail-border-style-pc, none);
  border-color: var(--thumbnail-border-color-pc, transparent);
  left: var(--thumbnail-left-pc, 0);
  right: var(--thumbnail-right-pc, auto);
  top: var(--thumbnail-top-pc, 0);
  bottom: var(--thumbnail-bottom-pc, auto);
  transform: translateX(var(--thumbnail-transform-x-pc, 0)) translateY(var(--thumbnail-transform-y-pc, 0));
  opacity: var(--thumbnail-opacity-pc, 1);
  mix-blend-mode: var(--thumbnail-blend-mode-pc, normal);
  transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default {
  background-color: var(--thumbnail-image-base-color-pc, transparent);
  background-repeat: var(--thumbnail-repeat-pc, no-repeat);
  background-image: var(--thumbnail-image-pc, none);
  background-position: var(--thumbnail-position-pc, 50% 50%);
  background-size: var(--thumbnail-size-pc, cover);
  transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default {
  background: var(--thumbnail-color-pc, transparent);
  opacity: var(--thumbnail-color-opacity-pc, 1);
  mix-blend-mode: var(--thumbnail-color-blend-mode-pc, normal);
  transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band {
  width: var(--band-frame-width-pc, 100%) !important;
  height: var(--band-frame-height-pc, 100%) !important;
  border-radius: var(--band-radius-pc, 0);
  box-sizing: var(--band-box-sizing-pc, border-box);
  border-width: var(--band-border-width-pc, 0);
  border-style: var(--band-border-style-pc, none);
  border-color: var(--band-border-color-pc, transparent);
  left: var(--band-left-pc, 0);
  right: var(--band-right-pc, auto);
  top: var(--band-top-pc, 0);
  bottom: var(--band-bottom-pc, auto);
  transform: translateX(var(--band-transform-x-pc, 0)) translateY(var(--band-transform-y-pc, 0)) skewX(var(--band-skew-x-pc, 0deg)) skewY(var(--band-skew-y-pc, 0deg));
  opacity: var(--band-opacity-pc, 1);
  mix-blend-mode: var(--band-blend-mode-pc, normal);
  transition: all var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default {
  background-color: var(--band-image-base-color-pc, transparent);
  background-repeat: var(--band-repeat-pc, no-repeat), no-repeat;
  background-image: var(--band-image-pc, none), var(--band-base-gradient-pc, none);
  background-position: var(--band-position-pc, 50% 50%), center;
  background-size: var(--band-size-pc, cover), cover;
  opacity: var(--band-image-opacity-pc, 1);
  transition: all var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default {
  background-color: transparent;
  background-image: var(--band-color-pc, none);
  opacity: var(--band-color-opacity-pc, 1);
  mix-blend-mode: var(--band-color-blend-mode-pc, normal);
  transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover {
  background-color: transparent;
  background-image: var(--band-color-pc-hover, var(--band-color-pc, none));
  opacity: 0;
  mix-blend-mode: var(--band-color-blend-mode-pc-hover, var(--band-color-blend-mode-pc, normal));
  transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-micro {
  font-size: var(--copy-micro-font-size-pc, 16px);
  font-weight: var(--copy-micro-font-weight-pc, normal);
  letter-spacing: var(--copy-micro-letter-spacing-pc, 0);
  margin-top: var(--copy-micro-margin-top-pc, 0);
  margin-right: var(--copy-micro-margin-right-pc, auto);
  margin-bottom: var(--copy-micro-margin-bottom-pc, 8px);
  margin-left: var(--copy-micro-margin-left-pc, auto);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-micro-contents {
  padding-top: var(--copy-micro-padding-top-pc, 0);
  padding-right: var(--copy-micro-padding-right-pc, 0);
  padding-bottom: var(--copy-micro-padding-bottom-pc, 0);
  padding-left: var(--copy-micro-padding-left-pc, 0);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-sub {
  font-size: var(--copy-sub-font-size-pc, 14px);
  font-weight: var(--copy-sub-font-weight-pc, normal);
  letter-spacing: var(--copy-sub-letter-spacing-pc, 0);
  margin-top: var(--copy-sub-margin-top-pc, 8px);
  margin-right: var(--copy-sub-margin-right-pc, auto);
  margin-bottom: var(--copy-sub-margin-bottom-pc, 0);
  margin-left: var(--copy-sub-margin-left-pc, auto);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-sub-contents {
  padding-top: var(--copy-sub-padding-top-pc, 0);
  padding-right: var(--copy-sub-padding-right-pc, 0);
  padding-bottom: var(--copy-sub-padding-bottom-pc, 0);
  padding-left: var(--copy-sub-padding-left-pc, 0);
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover {
  border-width: var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)) !important;
  border-style: var(--styling-border-style-pc-hover, var(--styling-border-style-pc, none)) !important;
  border-color: var(--styling-border-color-pc-hover, var(--styling-border-color-pc, transparent)) !important;
  border-top-left-radius: calc(var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0px)) + var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0px))) !important;
  border-top-right-radius: calc(var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0px)) + var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0px))) !important;
  border-bottom-right-radius: calc(var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0px)) + var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0px))) !important;
  border-bottom-left-radius: calc(var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0px)) + var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0px))) !important;
  box-shadow: var(--styling-shadow-pc-hover, var(--styling-shadow-pc, none)) !important;
  opacity: var(--styling-opacity-pc-hover, var(--styling-opacity-pc, 1)) !important;
  mix-blend-mode: var(--styling-mix-blend-mode-pc-hover, var(--styling-mix-blend-mode-pc, normal)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover::after,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover::after {
  border-top-left-radius: var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0px)) !important;
  border-top-right-radius: var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0px)) !important;
  border-bottom-right-radius: var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0px)) !important;
  border-bottom-left-radius: var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0px)) !important;
  box-shadow: var(--styling-inner-shadow-pc-hover, var(--styling-inner-shadow-pc, none)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-frame,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-frame {
  border-top-left-radius: max(0px, calc(var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0px)) - var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0px)))) !important;
  border-top-right-radius: max(0px, calc(var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0px)) - var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0px)))) !important;
  border-bottom-right-radius: max(0px, calc(var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0px)) - var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0px)))) !important;
  border-bottom-left-radius: max(0px, calc(var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0px)) - var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0px)))) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-overlay.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-overlay.default {
  opacity: 0 !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-overlay.hover,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-overlay.hover {
  opacity: var(--background-color-opacity-pc-hover, var(--background-color-opacity-pc, 1)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-base-color.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-base-color.default {
  background-color: var(--background-base-color-pc-hover, var(--background-base-color-pc, transparent)) !important;
  background-image: var(--background-base-gradient-pc-hover, var(--background-base-gradient-pc, none)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-image.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-image.default {
  background-image: var(--background-image-pc-hover, var(--background-image-pc, none)) !important;
  background-position: var(--background-position-pc-hover, var(--background-position-pc, center)) !important;
  background-size: var(--background-size-pc-hover, var(--background-size-pc, cover)) !important;
  background-repeat: var(--background-repeat-pc-hover, var(--background-repeat-pc, no-repeat)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default {
  opacity: var(--background-pattern-opacity-pc-hover, var(--background-pattern-opacity-pc, 0.5)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="dots"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="dots"] {
  background-image: radial-gradient(circle, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 1px) !important;
  background-size: var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="diagonal-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="diagonal-lines"] {
  background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="cross-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="cross-lines"] {
  background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="horizontal-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="horizontal-lines"] {
  background-image: repeating-linear-gradient(0deg, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="vertical-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="vertical-lines"] {
  background-image: repeating-linear-gradient(90deg, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="grid"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="grid"] {
  background-image: linear-gradient(var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 1px), linear-gradient(90deg, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 1px) !important;
  background-size: var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="diagonal-grid"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="diagonal-grid"] {
  background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="circles"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="circles"] {
  background-image: radial-gradient(circle, transparent 40%, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 40%, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 50%, transparent 50%) !important;
  background-size: var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="triangles"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-pc="triangles"] {
  background-image: conic-gradient(from 210deg at 50% 85%, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 0deg, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)) 120deg, transparent 120deg) !important;
  background-size: var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon {
  width: var(--icon-size-pc-hover, var(--icon-size-pc, 25px)) !important;
  height: var(--icon-size-pc-hover, var(--icon-size-pc, 25px)) !important;
  left: var(--icon-left-pc-hover, var(--icon-left-pc, 50%)) !important;
  right: var(--icon-right-pc-hover, var(--icon-right-pc, auto)) !important;
  top: var(--icon-top-pc-hover, var(--icon-top-pc, 50%)) !important;
  bottom: var(--icon-bottom-pc-hover, var(--icon-bottom-pc, auto)) !important;
  transform: translateX(var(--icon-transform-x-pc-hover, var(--icon-transform-x-pc, -50%))) translateY(var(--icon-transform-y-pc-hover, var(--icon-transform-y-pc, -50%))) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > a:hover .wp-block-zenblocks-button-basic-icon,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > button:hover .wp-block-zenblocks-button-basic-icon {
  width: var(--icon-size-pc-hover, var(--icon-size-pc, 25px)) !important;
  height: var(--icon-size-pc-hover, var(--icon-size-pc, 25px)) !important;
  left: var(--icon-left-pc-hover, var(--icon-left-pc, 50%)) !important;
  right: var(--icon-right-pc-hover, var(--icon-right-pc, auto)) !important;
  top: var(--icon-top-pc-hover, var(--icon-top-pc, 50%)) !important;
  bottom: var(--icon-bottom-pc-hover, var(--icon-bottom-pc, auto)) !important;
  transform: translateX(var(--icon-transform-x-pc-hover, var(--icon-transform-x-pc, -50%))) translateY(var(--icon-transform-y-pc-hover, var(--icon-transform-y-pc, -50%))) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
  width: var(--icon-frame-width-pc-hover, var(--icon-frame-width-pc, 40px));
  height: var(--icon-frame-height-pc-hover, var(--icon-frame-height-pc, 40px));
  border-radius: var(--icon-frame-radius-pc-hover, var(--icon-frame-radius-pc, 0));
  border-top-width: var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-pc, 0));
  border-right-width: var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-pc, 0));
  border-bottom-width: var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-pc, 0));
  border-left-width: var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-pc, 0));
  border-color: var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-pc, transparent));
  border-style: var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-pc, solid));
  background: var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-pc, transparent));
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > a:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > button:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
  width: var(--icon-frame-width-pc-hover, var(--icon-frame-width-pc, 40px));
  height: var(--icon-frame-height-pc-hover, var(--icon-frame-height-pc, 40px));
  border-radius: var(--icon-frame-radius-pc-hover, var(--icon-frame-radius-pc, 0));
  border-top-width: var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-pc, 0));
  border-right-width: var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-pc, 0));
  border-bottom-width: var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-pc, 0));
  border-left-width: var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-pc, 0));
  border-color: var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-pc, transparent));
  border-style: var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-pc, solid));
  background: var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-pc, transparent));
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail {
  width: var(--thumbnail-frame-width-pc-hover, var(--thumbnail-frame-width-pc, 60px)) !important;
  height: var(--thumbnail-frame-height-pc-hover, var(--thumbnail-frame-height-pc, 60px)) !important;
  border-radius: var(--thumbnail-radius-pc-hover, var(--thumbnail-radius-pc, 0));
  box-sizing: var(--thumbnail-box-sizing-pc-hover, var(--thumbnail-box-sizing-pc, border-box));
  border-width: var(--thumbnail-border-width-pc-hover, var(--thumbnail-border-width-pc, 0));
  border-style: var(--thumbnail-border-style-pc-hover, var(--thumbnail-border-style-pc, none));
  border-color: var(--thumbnail-border-color-pc-hover, var(--thumbnail-border-color-pc, transparent));
  left: var(--thumbnail-left-pc-hover, var(--thumbnail-left-pc, 0));
  right: var(--thumbnail-right-pc-hover, var(--thumbnail-right-pc, auto));
  top: var(--thumbnail-top-pc-hover, var(--thumbnail-top-pc, 0));
  bottom: var(--thumbnail-bottom-pc-hover, var(--thumbnail-bottom-pc, auto));
  transform: translateX(var(--thumbnail-transform-x-pc-hover, var(--thumbnail-transform-x-pc, 0))) translateY(var(--thumbnail-transform-y-pc-hover, var(--thumbnail-transform-y-pc, 0)));
  opacity: var(--thumbnail-opacity-pc-hover, var(--thumbnail-opacity-pc, 1));
  mix-blend-mode: var(--thumbnail-blend-mode-pc-hover, var(--thumbnail-blend-mode-pc, normal));
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default {
  background-color: var(--thumbnail-image-base-color-pc-hover, var(--thumbnail-image-base-color-pc, transparent)) !important;
  background-repeat: var(--thumbnail-repeat-pc-hover, var(--thumbnail-repeat-pc, no-repeat)) !important;
  background-position: var(--thumbnail-position-pc-hover, var(--thumbnail-position-pc, 50% 50%)) !important;
  background-size: var(--thumbnail-size-pc-hover, var(--thumbnail-size-pc, cover)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default {
  background: var(--thumbnail-color-pc-hover, var(--thumbnail-color-pc, transparent)) !important;
  opacity: var(--thumbnail-color-opacity-pc-hover, var(--thumbnail-color-opacity-pc, 1)) !important;
  mix-blend-mode: var(--thumbnail-color-blend-mode-pc-hover, var(--thumbnail-color-blend-mode-pc, normal)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band {
  width: var(--band-frame-width-pc-hover, var(--band-frame-width-pc, 100%)) !important;
  height: var(--band-frame-height-pc-hover, var(--band-frame-height-pc, 100%)) !important;
  border-radius: var(--band-radius-pc-hover, var(--band-radius-pc, 0));
  box-sizing: var(--band-box-sizing-pc-hover, var(--band-box-sizing-pc, border-box));
  border-width: var(--band-border-width-pc-hover, var(--band-border-width-pc, 0));
  border-style: var(--band-border-style-pc-hover, var(--band-border-style-pc, none));
  border-color: var(--band-border-color-pc-hover, var(--band-border-color-pc, transparent));
  left: var(--band-left-pc-hover, var(--band-left-pc, 0));
  right: var(--band-right-pc-hover, var(--band-right-pc, auto));
  top: var(--band-top-pc-hover, var(--band-top-pc, 0));
  bottom: var(--band-bottom-pc-hover, var(--band-bottom-pc, auto));
  transform: translateX(var(--band-transform-x-pc-hover, var(--band-transform-x-pc, 0))) translateY(var(--band-transform-y-pc-hover, var(--band-transform-y-pc, 0))) skewX(var(--band-skew-x-pc-hover, var(--band-skew-x-pc, 0deg))) skewY(var(--band-skew-y-pc-hover, var(--band-skew-y-pc, 0deg)));
  opacity: var(--band-opacity-pc-hover, var(--band-opacity-pc, 1));
  mix-blend-mode: var(--band-blend-mode-pc-hover, var(--band-blend-mode-pc, normal));
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default {
  background-color: var(--band-image-base-color-pc-hover, var(--band-image-base-color-pc, transparent)) !important;
  background-repeat: var(--band-repeat-pc-hover, var(--band-repeat-pc, no-repeat)), no-repeat !important;
  background-image: var(--band-image-pc-hover, var(--band-image-pc, none)), var(--band-base-gradient-pc-hover, var(--band-base-gradient-pc, none)) !important;
  background-position: var(--band-position-pc-hover, var(--band-position-pc, 50% 50%)), center !important;
  background-size: var(--band-size-pc-hover, var(--band-size-pc, cover)), cover !important;
  opacity: var(--band-image-opacity-pc-hover, var(--band-image-opacity-pc, 1)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default {
  opacity: 0 !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover {
  opacity: var(--band-color-opacity-pc-hover, var(--band-color-opacity-pc, 1)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default,
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default {
  opacity: var(--band-pattern-opacity-pc-hover, var(--band-pattern-opacity-pc, 0.5)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="dots"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="dots"] {
  background-image: radial-gradient(circle, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 1px) !important;
  background-size: var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="diagonal-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="diagonal-lines"] {
  background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="cross-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="cross-lines"] {
  background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="horizontal-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="horizontal-lines"] {
  background-image: repeating-linear-gradient(0deg, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="vertical-lines"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="vertical-lines"] {
  background-image: repeating-linear-gradient(90deg, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="grid"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="grid"] {
  background-image: linear-gradient(var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 1px), linear-gradient(90deg, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 1px) !important;
  background-size: var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="diagonal-grid"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="diagonal-grid"] {
  background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
  background-size: var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="circles"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="circles"] {
  background-image: radial-gradient(circle, transparent 40%, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 40%, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 50%, transparent 50%) !important;
  background-size: var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) !important;
}
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="triangles"],
.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-pc="triangles"] {
  background-image: conic-gradient(from 210deg at 50% 85%, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 0deg, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)) 120deg, transparent 120deg) !important;
  background-size: var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)) !important;
}

/* MD Breakpoint (840px - 1140px) */
@media (min-width: 841px) and (max-width: 1140px) {
  /* Button Basic - md */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic {
    width: var(--layout-width-md, var(--layout-width-pc, auto)) !important;
    min-width: var(--layout-width-min-md, var(--layout-width-min-pc, auto)) !important;
    max-width: var(--layout-width-max-md, var(--layout-width-max-pc, none)) !important;
    margin-top: var(--spacing-margin-top-md, var(--spacing-margin-top-pc, 0)) !important;
    margin-right: var(--spacing-margin-right-md, var(--spacing-margin-right-pc, 0)) !important;
    margin-bottom: var(--spacing-margin-bottom-md, var(--spacing-margin-bottom-pc, 0)) !important;
    margin-left: var(--spacing-margin-left-md, var(--spacing-margin-left-pc, 0)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.is-custom-position-md {
    position: var(--layout-position-type-md, var(--layout-position-type-pc, relative)) !important;
    top: var(--layout-position-top-md, var(--layout-position-top-pc, auto)) !important;
    right: var(--layout-position-right-md, var(--layout-position-right-pc, auto)) !important;
    bottom: var(--layout-position-bottom-md, var(--layout-position-bottom-pc, auto)) !important;
    left: var(--layout-position-left-md, var(--layout-position-left-pc, auto)) !important;
    z-index: var(--layout-z-index-md, var(--layout-z-index-pc, auto)) !important;
    transform: translate(var(--layout-transform-translate-x-md, var(--layout-transform-translate-x-pc, 0)), var(--layout-transform-translate-y-md, var(--layout-transform-translate-y-pc, 0))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button {
    font-size: var(--font-size-md, var(--font-size-pc, inherit)) !important;
    padding-top: var(--spacing-padding-top-md, var(--spacing-padding-top-pc, 0)) !important;
    padding-right: var(--spacing-padding-right-md, var(--spacing-padding-right-pc, 0)) !important;
    padding-bottom: var(--spacing-padding-bottom-md, var(--spacing-padding-bottom-pc, 0)) !important;
    padding-left: var(--spacing-padding-left-md, var(--spacing-padding-left-pc, 0)) !important;
    height: var(--layout-height-md, var(--layout-height-pc, auto)) !important;
    min-height: var(--layout-height-min-md, var(--layout-height-min-pc, auto)) !important;
    max-height: var(--layout-height-max-md, var(--layout-height-max-pc, none)) !important;
    border-width: var(--styling-border-width-md, var(--styling-border-width-pc, 0)) !important;
    border-style: var(--styling-border-style-md, var(--styling-border-style-pc, none)) !important;
    border-color: var(--styling-border-color-md, var(--styling-border-color-pc, transparent)) !important;
    box-sizing: var(--styling-box-sizing-md, var(--styling-box-sizing-pc, border-box)) !important;
    border-top-left-radius: calc(var(--styling-radius-top-left-md, var(--styling-radius-top-left-pc, 0)) + var(--styling-border-width-md, var(--styling-border-width-pc, 0))) !important;
    border-top-right-radius: calc(var(--styling-radius-top-right-md, var(--styling-radius-top-right-pc, 0)) + var(--styling-border-width-md, var(--styling-border-width-pc, 0))) !important;
    border-bottom-right-radius: calc(var(--styling-radius-bottom-right-md, var(--styling-radius-bottom-right-pc, 0)) + var(--styling-border-width-md, var(--styling-border-width-pc, 0))) !important;
    border-bottom-left-radius: calc(var(--styling-radius-bottom-left-md, var(--styling-radius-bottom-left-pc, 0)) + var(--styling-border-width-md, var(--styling-border-width-pc, 0))) !important;
    box-shadow: var(--styling-shadow-md, var(--styling-shadow-pc, none)) !important;
    opacity: var(--styling-opacity-md, var(--styling-opacity-pc, 1)) !important;
    mix-blend-mode: var(--styling-mix-blend-mode-md, var(--styling-mix-blend-mode-pc, normal)) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a::after,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button::after {
    border-top-left-radius: var(--styling-radius-top-left-md, var(--styling-radius-top-left-pc, 0)) !important;
    border-top-right-radius: var(--styling-radius-top-right-md, var(--styling-radius-top-right-pc, 0)) !important;
    border-bottom-right-radius: var(--styling-radius-bottom-right-md, var(--styling-radius-bottom-right-pc, 0)) !important;
    border-bottom-left-radius: var(--styling-radius-bottom-left-md, var(--styling-radius-bottom-left-pc, 0)) !important;
    box-shadow: var(--styling-inner-shadow-md, var(--styling-inner-shadow-pc, none)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-frame,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-frame {
    border-top-left-radius: max(0px, calc(var(--styling-radius-top-left-md, var(--styling-radius-top-left-pc, 0)) - var(--styling-border-width-md, var(--styling-border-width-pc, 0)))) !important;
    border-top-right-radius: max(0px, calc(var(--styling-radius-top-right-md, var(--styling-radius-top-right-pc, 0)) - var(--styling-border-width-md, var(--styling-border-width-pc, 0)))) !important;
    border-bottom-right-radius: max(0px, calc(var(--styling-radius-bottom-right-md, var(--styling-radius-bottom-right-pc, 0)) - var(--styling-border-width-md, var(--styling-border-width-pc, 0)))) !important;
    border-bottom-left-radius: max(0px, calc(var(--styling-radius-bottom-left-md, var(--styling-radius-bottom-left-pc, 0)) - var(--styling-border-width-md, var(--styling-border-width-pc, 0)))) !important;
  }
  /* Text - md */
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main {
    height: var(--text-main-height-md, var(--text-main-height-pc, 1.6em)) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .default,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .default {
    font-size: var(--font-size-md, var(--font-size-pc, inherit)) !important;
    font-weight: var(--font-weight-md, var(--font-weight-pc, inherit)) !important;
    line-height: var(--line-height-md, var(--line-height-pc, inherit)) !important;
    letter-spacing: var(--letter-spacing-md, var(--letter-spacing-pc, 0)) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .hover,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .hover {
    font-size: var(--font-size-md-hover, var(--font-size-pc-hover, var(--font-size-pc, inherit))) !important;
    font-weight: var(--font-weight-md-hover, var(--font-weight-pc-hover, var(--font-weight-pc, inherit))) !important;
    line-height: var(--line-height-md-hover, var(--line-height-pc-hover, var(--line-height-pc, inherit))) !important;
    letter-spacing: var(--letter-spacing-md-hover, var(--letter-spacing-pc-hover, var(--letter-spacing-pc, 0))) !important;
  }
  /* Micro/Sub Text - md */
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text-micro,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text-micro {
    font-size: var(--micro-text-font-size-md, var(--micro-text-font-size-pc, 12px)) !important;
    font-weight: var(--micro-text-font-weight-md, var(--micro-text-font-weight-pc, inherit)) !important;
    letter-spacing: var(--micro-text-letter-spacing-md, var(--micro-text-letter-spacing-pc, 0)) !important;
    line-height: var(--micro-text-line-height-md, var(--micro-text-line-height-pc, 1.2)) !important;
    margin-top: var(--micro-text-margin-top-md, var(--micro-text-margin-top-pc, 0)) !important;
    margin-right: var(--micro-text-margin-right-md, var(--micro-text-margin-right-pc, 0)) !important;
    margin-bottom: var(--micro-text-margin-bottom-md, var(--micro-text-margin-bottom-pc, 0)) !important;
    margin-left: var(--micro-text-margin-left-md, var(--micro-text-margin-left-pc, 0)) !important;
    padding-top: var(--micro-text-padding-top-md, var(--micro-text-padding-top-pc, 0)) !important;
    padding-right: var(--micro-text-padding-right-md, var(--micro-text-padding-right-pc, 0)) !important;
    padding-bottom: var(--micro-text-padding-bottom-md, var(--micro-text-padding-bottom-pc, 0)) !important;
    padding-left: var(--micro-text-padding-left-md, var(--micro-text-padding-left-pc, 0)) !important;
    transform: rotate(var(--micro-text-rotate-md, var(--micro-text-rotate-pc, 0deg))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text-sub,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text-sub {
    font-size: var(--sub-text-font-size-md, var(--sub-text-font-size-pc, 12px)) !important;
    font-weight: var(--sub-text-font-weight-md, var(--sub-text-font-weight-pc, inherit)) !important;
    letter-spacing: var(--sub-text-letter-spacing-md, var(--sub-text-letter-spacing-pc, 0)) !important;
    line-height: var(--sub-text-line-height-md, var(--sub-text-line-height-pc, 1.2)) !important;
    margin-top: var(--sub-text-margin-top-md, var(--sub-text-margin-top-pc, 0)) !important;
    margin-right: var(--sub-text-margin-right-md, var(--sub-text-margin-right-pc, 0)) !important;
    margin-bottom: var(--sub-text-margin-bottom-md, var(--sub-text-margin-bottom-pc, 0)) !important;
    margin-left: var(--sub-text-margin-left-md, var(--sub-text-margin-left-pc, 0)) !important;
    padding-top: var(--sub-text-padding-top-md, var(--sub-text-padding-top-pc, 0)) !important;
    padding-right: var(--sub-text-padding-right-md, var(--sub-text-padding-right-pc, 0)) !important;
    padding-bottom: var(--sub-text-padding-bottom-md, var(--sub-text-padding-bottom-pc, 0)) !important;
    padding-left: var(--sub-text-padding-left-md, var(--sub-text-padding-left-pc, 0)) !important;
    transform: rotate(var(--sub-text-rotate-md, var(--sub-text-rotate-pc, 0deg))) !important;
  }
  /* Icon - md */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.has-icon .wp-block-zenblocks-button-basic-content {
    gap: var(--icon-gap-md, var(--icon-gap-pc, 0.5em)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon {
    width: var(--icon-size-md, var(--icon-size-pc, 25px)) !important;
    height: var(--icon-size-md, var(--icon-size-pc, 25px)) !important;
    left: var(--icon-left-md, var(--icon-left-pc, 50%)) !important;
    right: var(--icon-right-md, var(--icon-right-pc, auto)) !important;
    top: var(--icon-top-md, var(--icon-top-pc, 50%)) !important;
    bottom: var(--icon-bottom-md, var(--icon-bottom-pc, auto)) !important;
    transform: translateX(var(--icon-transform-x-md, var(--icon-transform-x-pc, -50%))) translateY(var(--icon-transform-y-md, var(--icon-transform-y-pc, -50%))) !important;
    transition: width var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                height var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                top var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                left var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                right var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                bottom var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                transform var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
    width: var(--icon-frame-width-md, var(--icon-frame-width-pc, 40px)) !important;
    height: var(--icon-frame-height-md, var(--icon-frame-height-pc, 40px)) !important;
    border-radius: var(--icon-frame-radius-md, var(--icon-frame-radius-pc, 0)) !important;
    border-top-width: var(--icon-frame-border-top-width-md, var(--icon-frame-border-top-width-pc, 0)) !important;
    border-right-width: var(--icon-frame-border-right-width-md, var(--icon-frame-border-right-width-pc, 0)) !important;
    border-bottom-width: var(--icon-frame-border-bottom-width-md, var(--icon-frame-border-bottom-width-pc, 0)) !important;
    border-left-width: var(--icon-frame-border-left-width-md, var(--icon-frame-border-left-width-pc, 0)) !important;
    border-color: var(--icon-frame-border-color-md, var(--icon-frame-border-color-pc, transparent)) !important;
    border-style: var(--icon-frame-border-style-md, var(--icon-frame-border-style-pc, solid)) !important;
    background: var(--icon-frame-bg-color-md, var(--icon-frame-bg-color-pc, transparent)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon > .default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon > .default {
    color: var(--icon-color-md, var(--icon-color-pc, currentColor)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon > .hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon > .hover {
    color: var(--icon-color-md-hover, var(--icon-color-pc-hover, var(--icon-color-pc, currentColor))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .default.icon-md { display: flex; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .hover.icon-md { display: flex; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .default.icon-pc { display: none; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .hover.icon-pc { display: none; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-overlay.default {
    background-image: var(--background-color-md, var(--background-color-pc, none)) !important;
    opacity: var(--background-color-opacity-md, var(--background-color-opacity-pc, 1)) !important;
    mix-blend-mode: var(--background-color-mix-blend-mode-md, var(--background-color-mix-blend-mode-pc, normal)) !important;
    transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-overlay.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-overlay.hover {
    background-image: var(--background-color-md-hover, var(--background-color-pc-hover, var(--background-color-pc, none))) !important;
    opacity: 0 !important;
    mix-blend-mode: var(--background-color-mix-blend-mode-md-hover, var(--background-color-mix-blend-mode-pc-hover, var(--background-color-mix-blend-mode-pc, normal))) !important;
    transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-base-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-base-color.default {
    background-color: var(--background-base-color-md, var(--background-base-color-pc, transparent)) !important;
    background-image: var(--background-base-gradient-md, var(--background-base-gradient-pc, none)) !important;
    transition: background-color var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-image.default {
    background-image: var(--background-image-md, var(--background-image-pc, none)) !important;
    background-size: var(--background-size-md, var(--background-size-pc, cover)) !important;
    background-position: var(--background-position-md, var(--background-position-pc, center)) !important;
    background-repeat: var(--background-repeat-md, var(--background-repeat-pc, no-repeat)) !important;
    transition: all var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default {
    opacity: var(--background-pattern-opacity-md, var(--background-pattern-opacity-pc, 0.5)) !important;
    mix-blend-mode: var(--background-pattern-blend-mode-md, var(--background-pattern-blend-mode-pc, normal)) !important;
    transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms), background-size var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="dots"] {
    background-image: radial-gradient(circle, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="grid"] {
    background-image: linear-gradient(var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 1px), linear-gradient(90deg, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 0, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 40%, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 50%, transparent 50%) !important;
    background-size: var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 0deg, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)) 120deg, transparent 120deg) !important;
    background-size: var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail {
    width: var(--thumbnail-frame-width-md, var(--thumbnail-frame-width-pc, 60px)) !important;
    height: var(--thumbnail-frame-height-md, var(--thumbnail-frame-height-pc, 60px)) !important;
    border-radius: var(--thumbnail-radius-md, var(--thumbnail-radius-pc, 0)) !important;
    box-sizing: var(--thumbnail-box-sizing-md, var(--thumbnail-box-sizing-pc, border-box)) !important;
    border-width: var(--thumbnail-border-width-md, var(--thumbnail-border-width-pc, 0)) !important;
    border-style: var(--thumbnail-border-style-md, var(--thumbnail-border-style-pc, none)) !important;
    border-color: var(--thumbnail-border-color-md, var(--thumbnail-border-color-pc, transparent)) !important;
    left: var(--thumbnail-left-md, var(--thumbnail-left-pc, 0)) !important;
    right: var(--thumbnail-right-md, var(--thumbnail-right-pc, auto)) !important;
    top: var(--thumbnail-top-md, var(--thumbnail-top-pc, 0)) !important;
    bottom: var(--thumbnail-bottom-md, var(--thumbnail-bottom-pc, auto)) !important;
    transform: translateX(var(--thumbnail-transform-x-md, var(--thumbnail-transform-x-pc, 0))) translateY(var(--thumbnail-transform-y-md, var(--thumbnail-transform-y-pc, 0))) !important;
    opacity: var(--thumbnail-opacity-md, var(--thumbnail-opacity-pc, 1)) !important;
    mix-blend-mode: var(--thumbnail-blend-mode-md, var(--thumbnail-blend-mode-pc, normal)) !important;
    transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default {
    background-color: var(--thumbnail-image-base-color-md, var(--thumbnail-image-base-color-pc, transparent)) !important;
    background-repeat: var(--thumbnail-repeat-md, var(--thumbnail-repeat-pc, no-repeat)) !important;
    background-image: var(--thumbnail-image-md, var(--thumbnail-image-pc, none)) !important;
    background-position: var(--thumbnail-position-md, var(--thumbnail-position-pc, 50% 50%)) !important;
    background-size: var(--thumbnail-size-md, var(--thumbnail-size-pc, cover)) !important;
    transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default {
    background: var(--thumbnail-color-md, var(--thumbnail-color-pc, transparent)) !important;
    opacity: var(--thumbnail-color-opacity-md, var(--thumbnail-color-opacity-pc, 1)) !important;
    mix-blend-mode: var(--thumbnail-color-blend-mode-md, var(--thumbnail-color-blend-mode-pc, normal)) !important;
    transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms);
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band {
    width: var(--band-frame-width-md, var(--band-frame-width-pc, 100%)) !important;
    height: var(--band-frame-height-md, var(--band-frame-height-pc, 100%)) !important;
    border-radius: var(--band-radius-md, var(--band-radius-pc, 0)) !important;
    box-sizing: var(--band-box-sizing-md, var(--band-box-sizing-pc, border-box)) !important;
    border-width: var(--band-border-width-md, var(--band-border-width-pc, 0)) !important;
    border-style: var(--band-border-style-md, var(--band-border-style-pc, none)) !important;
    border-color: var(--band-border-color-md, var(--band-border-color-pc, transparent)) !important;
    left: var(--band-left-md, var(--band-left-pc, 0)) !important;
    right: var(--band-right-md, var(--band-right-pc, auto)) !important;
    top: var(--band-top-md, var(--band-top-pc, 0)) !important;
    bottom: var(--band-bottom-md, var(--band-bottom-pc, auto)) !important;
    transform: translateX(var(--band-transform-x-md, var(--band-transform-x-pc, 0))) translateY(var(--band-transform-y-md, var(--band-transform-y-pc, 0))) skewX(var(--band-skew-x-md, var(--band-skew-x-pc, 0deg))) skewY(var(--band-skew-y-md, var(--band-skew-y-pc, 0deg))) !important;
    opacity: var(--band-opacity-md, var(--band-opacity-pc, 1)) !important;
    mix-blend-mode: var(--band-blend-mode-md, var(--band-blend-mode-pc, normal)) !important;
    transition: all var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default {
    background-color: var(--band-image-base-color-md, var(--band-image-base-color-pc, transparent)) !important;
    background-repeat: var(--band-repeat-md, var(--band-repeat-pc, no-repeat)), no-repeat !important;
    background-image: var(--band-image-md, var(--band-image-pc, none)), var(--band-base-gradient-md, var(--band-base-gradient-pc, none)) !important;
    background-position: var(--band-position-md, var(--band-position-pc, 50% 50%)), center !important;
    background-size: var(--band-size-md, var(--band-size-pc, cover)), cover !important;
    opacity: var(--band-image-opacity-md, var(--band-image-opacity-pc, 1)) !important;
    transition: all var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default {
    background-color: transparent !important;
    background-image: var(--band-color-md, var(--band-color-pc, transparent)) !important;
    opacity: var(--band-color-opacity-md, var(--band-color-opacity-pc, 1)) !important;
    mix-blend-mode: var(--band-color-blend-mode-md, var(--band-color-blend-mode-pc, normal)) !important;
    transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms);
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover {
    background-color: transparent !important;
    background-image: var(--band-color-md-hover, var(--band-color-md, var(--band-color-pc-hover, var(--band-color-pc, transparent)))) !important;
    mix-blend-mode: var(--band-color-blend-mode-md-hover, var(--band-color-blend-mode-md, var(--band-color-blend-mode-pc-hover, var(--band-color-blend-mode-pc, normal)))) !important;
    transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms);
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default {
    opacity: var(--band-pattern-opacity-md, var(--band-pattern-opacity-pc, 0.5)) !important;
    mix-blend-mode: var(--band-pattern-blend-mode-md, var(--band-pattern-blend-mode-pc, normal)) !important;
    transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms), background-size var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="dots"] {
    background-image: radial-gradient(circle, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="grid"] {
    background-image: linear-gradient(var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 1px), linear-gradient(90deg, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 0, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 40%, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 50%, transparent 50%) !important;
    background-size: var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 0deg, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)) 120deg, transparent 120deg) !important;
    background-size: var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-micro {
    font-size: var(--copy-micro-font-size-md, var(--copy-micro-font-size-pc, 16px)) !important;
    font-weight: var(--copy-micro-font-weight-md, var(--copy-micro-font-weight-pc, normal)) !important;
    letter-spacing: var(--copy-micro-letter-spacing-md, var(--copy-micro-letter-spacing-pc, 0)) !important;
    line-height: var(--copy-micro-line-height-md, var(--copy-micro-line-height-pc, 1.4)) !important;
    margin-top: var(--copy-micro-margin-top-md, var(--copy-micro-margin-top-pc, 0)) !important;
    margin-right: var(--copy-micro-margin-right-md, var(--copy-micro-margin-right-pc, auto)) !important;
    margin-bottom: var(--copy-micro-margin-bottom-md, var(--copy-micro-margin-bottom-pc, 0)) !important;
    margin-left: var(--copy-micro-margin-left-md, var(--copy-micro-margin-left-pc, auto)) !important;
    --copy-micro-border-width-pc: var(--copy-micro-border-width-md, var(--copy-micro-border-width, 2px)) !important;
    --copy-micro-border-style-pc: var(--copy-micro-border-style-md, var(--copy-micro-border-style, solid)) !important;
    --copy-micro-border-color-pc: var(--copy-micro-border-color-md, var(--copy-micro-border-color, #000)) !important;
    --copy-micro-border-radius-pc: var(--copy-micro-border-radius-md, var(--copy-micro-border-radius, 0px)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-micro-contents {
    padding-top: var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0)) !important;
    padding-right: var(--copy-micro-padding-right-md, var(--copy-micro-padding-top-pc, 0)) !important;
    padding-bottom: var(--copy-micro-padding-bottom-md, var(--copy-micro-padding-top-pc, 0)) !important;
    padding-left: var(--copy-micro-padding-left-md, var(--copy-micro-padding-top-pc, 0)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-sub {
    font-size: var(--copy-sub-font-size-md, var(--copy-micro-font-size-pc, 16px)) !important;
    font-weight: var(--copy-sub-font-weight-md, var(--copy-micro-font-weight-pc, normal)) !important;
    letter-spacing: var(--copy-sub-letter-spacing-md, var(--copy-micro-letter-spacing-pc, 0)) !important;
    line-height: var(--copy-sub-line-height-md, var(--copy-micro-line-height-pc, 1.4)) !important;
    margin-top: var(--copy-sub-margin-top-md, var(--copy-sub-margin-top-pc, 0)) !important;
    margin-right: var(--copy-sub-margin-right-md, var(--copy-sub-margin-right-pc, auto)) !important;
    margin-bottom: var(--copy-sub-margin-bottom-md, var(--copy-sub-margin-bottom-pc, 0)) !important;
    margin-left: var(--copy-sub-margin-left-md, var(--copy-sub-margin-left-pc, auto)) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-sub-contents {
    padding-top: var(--copy-sub-padding-top-md, var(--copy-micro-padding-top-pc, 0)) !important;
    padding-right: var(--copy-sub-padding-right-md, var(--copy-micro-padding-top-pc, 0)) !important;
    padding-bottom: var(--copy-sub-padding-bottom-md, var(--copy-micro-padding-top-pc, 0)) !important;
    padding-left: var(--copy-sub-padding-left-md, var(--copy-micro-padding-top-pc, 0)) !important;
  }
  /* Hover - md */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover {
    border-width: var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))) !important;
    border-style: var(--styling-border-style-md-hover, var(--styling-border-style-pc-hover, var(--styling-border-style-pc, none))) !important;
    border-color: var(--styling-border-color-md-hover, var(--styling-border-color-pc-hover, var(--styling-border-color-pc, transparent))) !important;
    border-top-left-radius: calc(var(--styling-radius-top-left-md-hover, var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0))) + var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))) !important;
    border-top-right-radius: calc(var(--styling-radius-top-right-md-hover, var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0))) + var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))) !important;
    border-bottom-right-radius: calc(var(--styling-radius-bottom-right-md-hover, var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0))) + var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))) !important;
    border-bottom-left-radius: calc(var(--styling-radius-bottom-left-md-hover, var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0))) + var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))) !important;
    box-shadow: var(--styling-shadow-md-hover, var(--styling-shadow-pc-hover, var(--styling-shadow-pc, none))) !important;
    opacity: var(--styling-opacity-md-hover, var(--styling-opacity-pc-hover, var(--styling-opacity-pc, 1))) !important;
    mix-blend-mode: var(--styling-mix-blend-mode-md-hover, var(--styling-mix-blend-mode-pc-hover, var(--styling-mix-blend-mode-pc, normal))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover::after,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover::after {
    border-top-left-radius: var(--styling-radius-top-left-md-hover, var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0))) !important;
    border-top-right-radius: var(--styling-radius-top-right-md-hover, var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0))) !important;
    border-bottom-right-radius: var(--styling-radius-bottom-right-md-hover, var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0))) !important;
    border-bottom-left-radius: var(--styling-radius-bottom-left-md-hover, var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0))) !important;
    box-shadow: var(--styling-inner-shadow-md-hover, var(--styling-inner-shadow-pc-hover, var(--styling-inner-shadow-pc, none))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-frame,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-frame {
    border-top-left-radius: max(0px, calc(var(--styling-radius-top-left-md-hover, var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0))) - var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))) !important;
    border-top-right-radius: max(0px, calc(var(--styling-radius-top-right-md-hover, var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0))) - var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))) !important;
    border-bottom-right-radius: max(0px, calc(var(--styling-radius-bottom-right-md-hover, var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0))) - var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))) !important;
    border-bottom-left-radius: max(0px, calc(var(--styling-radius-bottom-left-md-hover, var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0))) - var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-overlay.default {
    opacity: 0 !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-overlay.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-overlay.hover {
    opacity: var(--background-color-opacity-md-hover, var(--background-color-opacity-pc-hover, var(--background-color-opacity-pc, 1))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-base-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-base-color.default {
    background-color: var(--background-base-color-md-hover, var(--background-base-color-pc-hover, var(--background-base-color-pc, transparent))) !important;
    background-image: var(--background-base-gradient-md-hover, var(--background-base-gradient-pc-hover, var(--background-base-gradient-pc, none))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-image.default {
    background-image: var(--background-image-md-hover, var(--background-image-pc-hover, var(--background-image-pc, none))) !important;
    background-position: var(--background-position-md-hover, var(--background-position-pc-hover, var(--background-position-pc, center))) !important;
    background-size: var(--background-size-md-hover, var(--background-size-pc-hover, var(--background-size-pc, cover))) !important;
    background-repeat: var(--background-repeat-md-hover, var(--background-repeat-pc-hover, var(--background-repeat-pc, no-repeat))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default {
    opacity: var(--background-pattern-opacity-md-hover, var(--background-pattern-opacity-pc-hover, var(--background-pattern-opacity-pc, 0.5))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="dots"] {
    background-image: radial-gradient(circle, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="grid"] {
    background-image: linear-gradient(var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 1px), linear-gradient(90deg, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 40%, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 50%, transparent 50%) !important;
    background-size: var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-md="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 0deg, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))) 120deg, transparent 120deg) !important;
    background-size: var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon {
    width: var(--icon-size-md-hover, var(--icon-size-md, var(--icon-size-pc, 25px))) !important;
    height: var(--icon-size-md-hover, var(--icon-size-md, var(--icon-size-pc, 25px))) !important;
    left: var(--icon-left-md-hover, var(--icon-left-md, var(--icon-left-pc-hover, var(--icon-left-pc, 50%)))) !important;
    right: var(--icon-right-md-hover, var(--icon-right-md, var(--icon-right-pc-hover, var(--icon-right-pc, auto)))) !important;
    top: var(--icon-top-md-hover, var(--icon-top-md, var(--icon-top-pc-hover, var(--icon-top-pc, 50%)))) !important;
    bottom: var(--icon-bottom-md-hover, var(--icon-bottom-md, var(--icon-bottom-pc-hover, var(--icon-bottom-pc, auto)))) !important;
    transform: translateX(var(--icon-transform-x-md-hover, var(--icon-transform-x-md, var(--icon-transform-x-pc-hover, var(--icon-transform-x-pc, -50%))))) translateY(var(--icon-transform-y-md-hover, var(--icon-transform-y-md, var(--icon-transform-y-pc-hover, var(--icon-transform-y-pc, -50%))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > a:hover .wp-block-zenblocks-button-basic-icon,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > button:hover .wp-block-zenblocks-button-basic-icon {
    width: var(--icon-size-md-hover, var(--icon-size-md, var(--icon-size-pc, 25px))) !important;
    height: var(--icon-size-md-hover, var(--icon-size-md, var(--icon-size-pc, 25px))) !important;
    left: var(--icon-left-md-hover, var(--icon-left-md, var(--icon-left-pc-hover, var(--icon-left-pc, 50%)))) !important;
    right: var(--icon-right-md-hover, var(--icon-right-md, var(--icon-right-pc-hover, var(--icon-right-pc, auto)))) !important;
    top: var(--icon-top-md-hover, var(--icon-top-md, var(--icon-top-pc-hover, var(--icon-top-pc, 50%)))) !important;
    bottom: var(--icon-bottom-md-hover, var(--icon-bottom-md, var(--icon-bottom-pc-hover, var(--icon-bottom-pc, auto)))) !important;
    transform: translateX(var(--icon-transform-x-md-hover, var(--icon-transform-x-md, var(--icon-transform-x-pc-hover, var(--icon-transform-x-pc, -50%))))) translateY(var(--icon-transform-y-md-hover, var(--icon-transform-y-md, var(--icon-transform-y-pc-hover, var(--icon-transform-y-pc, -50%))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
    width: var(--icon-frame-width-md-hover, var(--icon-frame-width-pc-hover, var(--icon-frame-width-md, var(--icon-frame-width-pc, 40px)))) !important;
    height: var(--icon-frame-height-md-hover, var(--icon-frame-height-pc-hover, var(--icon-frame-height-md, var(--icon-frame-height-pc, 40px)))) !important;
    border-radius: var(--icon-frame-radius-md-hover, var(--icon-frame-radius-pc-hover, var(--icon-frame-radius-md, var(--icon-frame-radius-pc, 0)))) !important;
    border-top-width: var(--icon-frame-border-top-width-md-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-md, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-pc, 0))))) !important;
    border-right-width: var(--icon-frame-border-right-width-md-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-md, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-pc, 0))))) !important;
    border-bottom-width: var(--icon-frame-border-bottom-width-md-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-md, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-pc, 0))))) !important;
    border-left-width: var(--icon-frame-border-left-width-md-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-md, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-pc, 0))))) !important;
    border-color: var(--icon-frame-border-color-md-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-md, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-pc, transparent))))) !important;
    border-style: var(--icon-frame-border-style-md-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-md, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-pc, solid))))) !important;
    background: var(--icon-frame-bg-color-md-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-md, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-pc, transparent))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > a:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > button:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
    width: var(--icon-frame-width-md-hover, var(--icon-frame-width-pc-hover, var(--icon-frame-width-md, var(--icon-frame-width-pc, 40px)))) !important;
    height: var(--icon-frame-height-md-hover, var(--icon-frame-height-pc-hover, var(--icon-frame-height-md, var(--icon-frame-height-pc, 40px)))) !important;
    border-radius: var(--icon-frame-radius-md-hover, var(--icon-frame-radius-pc-hover, var(--icon-frame-radius-md, var(--icon-frame-radius-pc, 0)))) !important;
    border-top-width: var(--icon-frame-border-top-width-md-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-md, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-pc, 0))))) !important;
    border-right-width: var(--icon-frame-border-right-width-md-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-md, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-pc, 0))))) !important;
    border-bottom-width: var(--icon-frame-border-bottom-width-md-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-md, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-pc, 0))))) !important;
    border-left-width: var(--icon-frame-border-left-width-md-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-md, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-pc, 0))))) !important;
    border-color: var(--icon-frame-border-color-md-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-md, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-pc, transparent))))) !important;
    border-style: var(--icon-frame-border-style-md-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-md, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-pc, solid))))) !important;
    background: var(--icon-frame-bg-color-md-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-md, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-pc, transparent))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon > .default.icon-md,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon > .default.icon-md {
    display: none;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon > .hover.icon-md,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon > .hover.icon-md {
    display: flex;
    opacity: 1;
  }
  /* Thumbnail Hover - md */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail {
    width: var(--thumbnail-frame-width-md-hover, var(--thumbnail-frame-width-md, var(--thumbnail-frame-width-pc-hover, var(--thumbnail-frame-width-pc, 60px)))) !important;
    height: var(--thumbnail-frame-height-md-hover, var(--thumbnail-frame-height-md, var(--thumbnail-frame-height-pc-hover, var(--thumbnail-frame-height-pc, 60px)))) !important;
    border-radius: var(--thumbnail-radius-md-hover, var(--thumbnail-radius-md, var(--thumbnail-radius-pc-hover, var(--thumbnail-radius-pc, 0)))) !important;
    box-sizing: var(--thumbnail-box-sizing-md-hover, var(--thumbnail-box-sizing-md, var(--thumbnail-box-sizing-pc-hover, var(--thumbnail-box-sizing-pc, border-box)))) !important;
    border-width: var(--thumbnail-border-width-md-hover, var(--thumbnail-border-width-md, var(--thumbnail-border-width-pc-hover, var(--thumbnail-border-width-pc, 0)))) !important;
    border-style: var(--thumbnail-border-style-md-hover, var(--thumbnail-border-style-md, var(--thumbnail-border-style-pc-hover, var(--thumbnail-border-style-pc, none)))) !important;
    border-color: var(--thumbnail-border-color-md-hover, var(--thumbnail-border-color-md, var(--thumbnail-border-color-pc-hover, var(--thumbnail-border-color-pc, transparent)))) !important;
    left: var(--thumbnail-left-md-hover, var(--thumbnail-left-md, var(--thumbnail-left-pc-hover, var(--thumbnail-left-pc, 0)))) !important;
    right: var(--thumbnail-right-md-hover, var(--thumbnail-right-md, var(--thumbnail-right-pc-hover, var(--thumbnail-right-pc, auto)))) !important;
    top: var(--thumbnail-top-md-hover, var(--thumbnail-top-md, var(--thumbnail-top-pc-hover, var(--thumbnail-top-pc, 0)))) !important;
    bottom: var(--thumbnail-bottom-md-hover, var(--thumbnail-bottom-md, var(--thumbnail-bottom-pc-hover, var(--thumbnail-bottom-pc, auto)))) !important;
    transform: translateX(var(--thumbnail-transform-x-md-hover, var(--thumbnail-transform-x-md, var(--thumbnail-transform-x-pc-hover, var(--thumbnail-transform-x-pc, 0))))) translateY(var(--thumbnail-transform-y-md-hover, var(--thumbnail-transform-y-md, var(--thumbnail-transform-y-pc-hover, var(--thumbnail-transform-y-pc, 0))))) !important;
    opacity: var(--thumbnail-opacity-md-hover, var(--thumbnail-opacity-md, var(--thumbnail-opacity-pc-hover, var(--thumbnail-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--thumbnail-blend-mode-md-hover, var(--thumbnail-blend-mode-md, var(--thumbnail-blend-mode-pc-hover, var(--thumbnail-blend-mode-pc, normal)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default {
    background-color: var(--thumbnail-image-base-color-md-hover, var(--thumbnail-image-base-color-md, var(--thumbnail-image-base-color-pc-hover, var(--thumbnail-image-base-color-pc, transparent)))) !important;
    background-repeat: var(--thumbnail-repeat-md-hover, var(--thumbnail-repeat-md, var(--thumbnail-repeat-pc-hover, var(--thumbnail-repeat-pc, no-repeat)))) !important;
    background-position: var(--thumbnail-position-md-hover, var(--thumbnail-position-md, var(--thumbnail-position-pc-hover, var(--thumbnail-position-pc, 50% 50%)))) !important;
    background-size: var(--thumbnail-size-md-hover, var(--thumbnail-size-md, var(--thumbnail-size-pc-hover, var(--thumbnail-size-pc, cover)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default {
    background: var(--thumbnail-color-md-hover, var(--thumbnail-color-md, var(--thumbnail-color-pc-hover, var(--thumbnail-color-pc, transparent)))) !important;
    opacity: var(--thumbnail-color-opacity-md-hover, var(--thumbnail-color-opacity-md, var(--thumbnail-color-opacity-pc-hover, var(--thumbnail-color-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--thumbnail-color-blend-mode-md-hover, var(--thumbnail-color-blend-mode-md, var(--thumbnail-color-blend-mode-pc-hover, var(--thumbnail-color-blend-mode-pc, normal)))) !important;
  }
  /* Band Hover - md */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band {
    width: var(--band-frame-width-md-hover, var(--band-frame-width-md, var(--band-frame-width-pc-hover, var(--band-frame-width-pc, 100%)))) !important;
    height: var(--band-frame-height-md-hover, var(--band-frame-height-md, var(--band-frame-height-pc-hover, var(--band-frame-height-pc, 100%)))) !important;
    border-radius: var(--band-radius-md-hover, var(--band-radius-md, var(--band-radius-pc-hover, var(--band-radius-pc, 0)))) !important;
    box-sizing: var(--band-box-sizing-md-hover, var(--band-box-sizing-md, var(--band-box-sizing-pc-hover, var(--band-box-sizing-pc, border-box)))) !important;
    border-width: var(--band-border-width-md-hover, var(--band-border-width-md, var(--band-border-width-pc-hover, var(--band-border-width-pc, 0)))) !important;
    border-style: var(--band-border-style-md-hover, var(--band-border-style-md, var(--band-border-style-pc-hover, var(--band-border-style-pc, none)))) !important;
    border-color: var(--band-border-color-md-hover, var(--band-border-color-md, var(--band-border-color-pc-hover, var(--band-border-color-pc, transparent)))) !important;
    left: var(--band-left-md-hover, var(--band-left-md, var(--band-left-pc-hover, var(--band-left-pc, 0)))) !important;
    right: var(--band-right-md-hover, var(--band-right-md, var(--band-right-pc-hover, var(--band-right-pc, auto)))) !important;
    top: var(--band-top-md-hover, var(--band-top-md, var(--band-top-pc-hover, var(--band-top-pc, 0)))) !important;
    bottom: var(--band-bottom-md-hover, var(--band-bottom-md, var(--band-bottom-pc-hover, var(--band-bottom-pc, auto)))) !important;
    transform: translateX(var(--band-transform-x-md-hover, var(--band-transform-x-md, var(--band-transform-x-pc-hover, var(--band-transform-x-pc, 0))))) translateY(var(--band-transform-y-md-hover, var(--band-transform-y-md, var(--band-transform-y-pc-hover, var(--band-transform-y-pc, 0))))) skewX(var(--band-skew-x-md-hover, var(--band-skew-x-md, var(--band-skew-x-pc-hover, var(--band-skew-x-pc, 0deg))))) skewY(var(--band-skew-y-md-hover, var(--band-skew-y-md, var(--band-skew-y-pc-hover, var(--band-skew-y-pc, 0deg))))) !important;
    opacity: var(--band-opacity-md-hover, var(--band-opacity-md, var(--band-opacity-pc-hover, var(--band-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--band-blend-mode-md-hover, var(--band-blend-mode-md, var(--band-blend-mode-pc-hover, var(--band-blend-mode-pc, normal)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default {
    background-color: var(--band-image-base-color-md-hover, var(--band-image-base-color-md, var(--band-image-base-color-pc-hover, var(--band-image-base-color-pc, transparent)))) !important;
    background-repeat: var(--band-repeat-md-hover, var(--band-repeat-md, var(--band-repeat-pc-hover, var(--band-repeat-pc, no-repeat)))), no-repeat !important;
    background-image: var(--band-image-md-hover, var(--band-image-md, var(--band-image-pc-hover, var(--band-image-pc, none)))), var(--band-base-gradient-md-hover, var(--band-base-gradient-md, var(--band-base-gradient-pc-hover, var(--band-base-gradient-pc, none)))) !important;
    background-position: var(--band-position-md-hover, var(--band-position-md, var(--band-position-pc-hover, var(--band-position-pc, 50% 50%)))), center !important;
    background-size: var(--band-size-md-hover, var(--band-size-md, var(--band-size-pc-hover, var(--band-size-pc, cover)))), cover !important;
    opacity: var(--band-image-opacity-md-hover, var(--band-image-opacity-md, var(--band-image-opacity-pc-hover, var(--band-image-opacity-pc, 1)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default {
    opacity: 0 !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover {
    opacity: var(--band-color-opacity-md-hover, var(--band-color-opacity-md, var(--band-color-opacity-pc-hover, var(--band-color-opacity-pc, 1)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default {
    opacity: var(--band-pattern-opacity-md-hover, var(--band-pattern-opacity-pc-hover, var(--band-pattern-opacity-pc, 0.5))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="dots"] {
    background-image: radial-gradient(circle, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="grid"] {
    background-image: linear-gradient(var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 1px), linear-gradient(90deg, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 40%, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 50%, transparent 50%) !important;
    background-size: var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-md="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 0deg, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))) 120deg, transparent 120deg) !important;
    background-size: var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))) !important;
  }
  /* Text Basic - md */
  .wp-block-zenblocks-text-basic {
    font-size: var(--font-size-md, var(--font-size-pc, inherit)) !important;
    font-weight: var(--font-weight-md, var(--font-weight-pc, inherit)) !important;
    line-height: var(--line-height-md, var(--line-height-pc, inherit)) !important;
    letter-spacing: var(--letter-spacing-md, var(--letter-spacing-pc, 0)) !important;
  }
}

/* TB Breakpoint (540px - 840px) */
@media (min-width: 541px) and (max-width: 840px) {
  /* Button Basic - tb */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic {
    width: var(--layout-width-tb, var(--layout-width-md, var(--layout-width-pc, auto))) !important;
    min-width: var(--layout-width-min-tb, var(--layout-width-min-md, var(--layout-width-min-pc, auto))) !important;
    max-width: var(--layout-width-max-tb, var(--layout-width-max-md, var(--layout-width-max-pc, none))) !important;
    margin-top: var(--spacing-margin-top-tb, var(--spacing-margin-top-md, var(--spacing-margin-top-pc, 0))) !important;
    margin-right: var(--spacing-margin-right-tb, var(--spacing-margin-right-md, var(--spacing-margin-right-pc, 0))) !important;
    margin-bottom: var(--spacing-margin-bottom-tb, var(--spacing-margin-bottom-md, var(--spacing-margin-bottom-pc, 0))) !important;
    margin-left: var(--spacing-margin-left-tb, var(--spacing-margin-left-md, var(--spacing-margin-left-pc, 0))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.is-custom-position-tb {
    position: var(--layout-position-type-tb, var(--layout-position-type-md, var(--layout-position-type-pc, relative))) !important;
    top: var(--layout-position-top-tb, var(--layout-position-top-md, var(--layout-position-top-pc, auto))) !important;
    right: var(--layout-position-right-tb, var(--layout-position-right-md, var(--layout-position-right-pc, auto))) !important;
    bottom: var(--layout-position-bottom-tb, var(--layout-position-bottom-md, var(--layout-position-bottom-pc, auto))) !important;
    left: var(--layout-position-left-tb, var(--layout-position-left-md, var(--layout-position-left-pc, auto))) !important;
    z-index: var(--layout-z-index-tb, var(--layout-z-index-md, var(--layout-z-index-pc, auto))) !important;
    transform: translate(var(--layout-transform-translate-x-tb, var(--layout-transform-translate-x-md, var(--layout-transform-translate-x-pc, 0))), var(--layout-transform-translate-y-tb, var(--layout-transform-translate-y-md, var(--layout-transform-translate-y-pc, 0)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button {
    font-size: var(--font-size-tb, var(--font-size-md, var(--font-size-pc, inherit))) !important;
    padding-top: var(--spacing-padding-top-tb, var(--spacing-padding-top-md, var(--spacing-padding-top-pc, 0))) !important;
    padding-right: var(--spacing-padding-right-tb, var(--spacing-padding-right-md, var(--spacing-padding-right-pc, 0))) !important;
    padding-bottom: var(--spacing-padding-bottom-tb, var(--spacing-padding-bottom-md, var(--spacing-padding-bottom-pc, 0))) !important;
    padding-left: var(--spacing-padding-left-tb, var(--spacing-padding-left-md, var(--spacing-padding-left-pc, 0))) !important;
    height: var(--layout-height-tb, var(--layout-height-md, var(--layout-height-pc, auto))) !important;
    min-height: var(--layout-height-min-tb, var(--layout-height-min-md, var(--layout-height-min-pc, auto))) !important;
    max-height: var(--layout-height-max-tb, var(--layout-height-max-md, var(--layout-height-max-pc, none))) !important;
    border-width: var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0))) !important;
    border-style: var(--styling-border-style-tb, var(--styling-border-style-md, var(--styling-border-style-pc, none))) !important;
    border-color: var(--styling-border-color-tb, var(--styling-border-color-md, var(--styling-border-color-pc, transparent))) !important;
    box-sizing: var(--styling-box-sizing-tb, var(--styling-box-sizing-md, var(--styling-box-sizing-pc, border-box))) !important;
    border-top-left-radius: calc(var(--styling-radius-top-left-tb, var(--styling-radius-top-left-md, var(--styling-radius-top-left-pc, 0))) + var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0)))) !important;
    border-top-right-radius: calc(var(--styling-radius-top-right-tb, var(--styling-radius-top-right-md, var(--styling-radius-top-right-pc, 0))) + var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0)))) !important;
    border-bottom-right-radius: calc(var(--styling-radius-bottom-right-tb, var(--styling-radius-bottom-right-md, var(--styling-radius-bottom-right-pc, 0))) + var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0)))) !important;
    border-bottom-left-radius: calc(var(--styling-radius-bottom-left-tb, var(--styling-radius-bottom-left-md, var(--styling-radius-bottom-left-pc, 0))) + var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0)))) !important;
    box-shadow: var(--styling-shadow-tb, var(--styling-shadow-md, var(--styling-shadow-pc, none))) !important;
    opacity: var(--styling-opacity-tb, var(--styling-opacity-md, var(--styling-opacity-pc, 1))) !important;
    mix-blend-mode: var(--styling-mix-blend-mode-tb, var(--styling-mix-blend-mode-md, var(--styling-mix-blend-mode-pc, normal))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a::after,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button::after {
    border-top-left-radius: var(--styling-radius-top-left-tb, var(--styling-radius-top-left-md, var(--styling-radius-top-left-pc, 0))) !important;
    border-top-right-radius: var(--styling-radius-top-right-tb, var(--styling-radius-top-right-md, var(--styling-radius-top-right-pc, 0))) !important;
    border-bottom-right-radius: var(--styling-radius-bottom-right-tb, var(--styling-radius-bottom-right-md, var(--styling-radius-bottom-right-pc, 0))) !important;
    border-bottom-left-radius: var(--styling-radius-bottom-left-tb, var(--styling-radius-bottom-left-md, var(--styling-radius-bottom-left-pc, 0))) !important;
    box-shadow: var(--styling-inner-shadow-tb, var(--styling-inner-shadow-md, var(--styling-inner-shadow-pc, none))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-frame,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-frame {
    border-top-left-radius: max(0px, calc(var(--styling-radius-top-left-tb, var(--styling-radius-top-left-md, var(--styling-radius-top-left-pc, 0))) - var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0))))) !important;
    border-top-right-radius: max(0px, calc(var(--styling-radius-top-right-tb, var(--styling-radius-top-right-md, var(--styling-radius-top-right-pc, 0))) - var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0))))) !important;
    border-bottom-right-radius: max(0px, calc(var(--styling-radius-bottom-right-tb, var(--styling-radius-bottom-right-md, var(--styling-radius-bottom-right-pc, 0))) - var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0))))) !important;
    border-bottom-left-radius: max(0px, calc(var(--styling-radius-bottom-left-tb, var(--styling-radius-bottom-left-md, var(--styling-radius-bottom-left-pc, 0))) - var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0))))) !important;
  }
  /* Text - tb */
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main {
    height: var(--text-main-height-tb, var(--text-main-height-md, var(--text-main-height-pc, 1.6em))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .default,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .default {
    font-size: var(--font-size-tb, var(--font-size-md, var(--font-size-pc, inherit))) !important;
    font-weight: var(--font-weight-tb, var(--font-weight-md, var(--font-weight-pc, inherit))) !important;
    line-height: var(--line-height-tb, var(--line-height-md, var(--line-height-pc, inherit))) !important;
    letter-spacing: var(--letter-spacing-tb, var(--letter-spacing-md, var(--letter-spacing-pc, 0))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .hover,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .hover {
    font-size: var(--font-size-tb-hover, var(--font-size-md-hover, var(--font-size-pc-hover, var(--font-size-pc, inherit)))) !important;
    font-weight: var(--font-weight-tb-hover, var(--font-weight-md-hover, var(--font-weight-pc-hover, var(--font-weight-pc, inherit)))) !important;
    line-height: var(--line-height-tb-hover, var(--line-height-md-hover, var(--line-height-pc-hover, var(--line-height-pc, inherit)))) !important;
    letter-spacing: var(--letter-spacing-tb-hover, var(--letter-spacing-md-hover, var(--letter-spacing-pc-hover, var(--letter-spacing-pc, 0)))) !important;
  }
  /* Micro/Sub Text - tb */
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text-micro,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text-micro {
    font-size: var(--micro-text-font-size-tb, var(--micro-text-font-size-md, var(--micro-text-font-size-pc, 12px))) !important;
    font-weight: var(--micro-text-font-weight-tb, var(--micro-text-font-weight-md, var(--micro-text-font-weight-pc, inherit))) !important;
    letter-spacing: var(--micro-text-letter-spacing-tb, var(--micro-text-letter-spacing-md, var(--micro-text-letter-spacing-pc, 0))) !important;
    line-height: var(--micro-text-line-height-tb, var(--micro-text-line-height-md, var(--micro-text-line-height-pc, 1.2))) !important;
    margin-top: var(--micro-text-margin-top-tb, var(--micro-text-margin-top-md, var(--micro-text-margin-top-pc, 0))) !important;
    margin-right: var(--micro-text-margin-right-tb, var(--micro-text-margin-right-md, var(--micro-text-margin-right-pc, 0))) !important;
    margin-bottom: var(--micro-text-margin-bottom-tb, var(--micro-text-margin-bottom-md, var(--micro-text-margin-bottom-pc, 0))) !important;
    margin-left: var(--micro-text-margin-left-tb, var(--micro-text-margin-left-md, var(--micro-text-margin-left-pc, 0))) !important;
    padding-top: var(--micro-text-padding-top-tb, var(--micro-text-padding-top-md, var(--micro-text-padding-top-pc, 0))) !important;
    padding-right: var(--micro-text-padding-right-tb, var(--micro-text-padding-right-md, var(--micro-text-padding-right-pc, 0))) !important;
    padding-bottom: var(--micro-text-padding-bottom-tb, var(--micro-text-padding-bottom-md, var(--micro-text-padding-bottom-pc, 0))) !important;
    padding-left: var(--micro-text-padding-left-tb, var(--micro-text-padding-left-md, var(--micro-text-padding-left-pc, 0))) !important;
    transform: rotate(var(--micro-text-rotate-tb, var(--micro-text-rotate-md, var(--micro-text-rotate-pc, 0deg)))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text-sub,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text-sub {
    font-size: var(--sub-text-font-size-tb, var(--sub-text-font-size-md, var(--sub-text-font-size-pc, 12px))) !important;
    font-weight: var(--sub-text-font-weight-tb, var(--sub-text-font-weight-md, var(--sub-text-font-weight-pc, inherit))) !important;
    letter-spacing: var(--sub-text-letter-spacing-tb, var(--sub-text-letter-spacing-md, var(--sub-text-letter-spacing-pc, 0))) !important;
    line-height: var(--sub-text-line-height-tb, var(--sub-text-line-height-md, var(--sub-text-line-height-pc, 1.2))) !important;
    margin-top: var(--sub-text-margin-top-tb, var(--sub-text-margin-top-md, var(--sub-text-margin-top-pc, 0))) !important;
    margin-right: var(--sub-text-margin-right-tb, var(--sub-text-margin-right-md, var(--sub-text-margin-right-pc, 0))) !important;
    margin-bottom: var(--sub-text-margin-bottom-tb, var(--sub-text-margin-bottom-md, var(--sub-text-margin-bottom-pc, 0))) !important;
    margin-left: var(--sub-text-margin-left-tb, var(--sub-text-margin-left-md, var(--sub-text-margin-left-pc, 0))) !important;
    padding-top: var(--sub-text-padding-top-tb, var(--sub-text-padding-top-md, var(--sub-text-padding-top-pc, 0))) !important;
    padding-right: var(--sub-text-padding-right-tb, var(--sub-text-padding-right-md, var(--sub-text-padding-right-pc, 0))) !important;
    padding-bottom: var(--sub-text-padding-bottom-tb, var(--sub-text-padding-bottom-md, var(--sub-text-padding-bottom-pc, 0))) !important;
    padding-left: var(--sub-text-padding-left-tb, var(--sub-text-padding-left-md, var(--sub-text-padding-left-pc, 0))) !important;
    transform: rotate(var(--sub-text-rotate-tb, var(--sub-text-rotate-md, var(--sub-text-rotate-pc, 0deg)))) !important;
  }
  /* Icon - tb */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.has-icon .wp-block-zenblocks-button-basic-content {
    gap: var(--icon-gap-tb, var(--icon-gap-md, var(--icon-gap-pc, 0.5em))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon {
    width: var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px))) !important;
    height: var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px))) !important;
    left: var(--icon-left-tb, var(--icon-left-md, var(--icon-left-pc, 50%))) !important;
    right: var(--icon-right-tb, var(--icon-right-md, var(--icon-right-pc, auto))) !important;
    top: var(--icon-top-tb, var(--icon-top-md, var(--icon-top-pc, 50%))) !important;
    bottom: var(--icon-bottom-tb, var(--icon-bottom-md, var(--icon-bottom-pc, auto))) !important;
    transform: translateX(var(--icon-transform-x-tb, var(--icon-transform-x-md, var(--icon-transform-x-pc, -50%)))) translateY(var(--icon-transform-y-tb, var(--icon-transform-y-md, var(--icon-transform-y-pc, -50%)))) !important;
    transition: width var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                height var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                top var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                left var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                right var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                bottom var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                transform var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
    width: var(--icon-frame-width-tb, var(--icon-frame-width-md, var(--icon-frame-width-pc, 40px))) !important;
    height: var(--icon-frame-height-tb, var(--icon-frame-height-md, var(--icon-frame-height-pc, 40px))) !important;
    border-radius: var(--icon-frame-radius-tb, var(--icon-frame-radius-md, var(--icon-frame-radius-pc, 0))) !important;
    border-top-width: var(--icon-frame-border-top-width-tb, var(--icon-frame-border-top-width-md, var(--icon-frame-border-top-width-pc, 0))) !important;
    border-right-width: var(--icon-frame-border-right-width-tb, var(--icon-frame-border-right-width-md, var(--icon-frame-border-right-width-pc, 0))) !important;
    border-bottom-width: var(--icon-frame-border-bottom-width-tb, var(--icon-frame-border-bottom-width-md, var(--icon-frame-border-bottom-width-pc, 0))) !important;
    border-left-width: var(--icon-frame-border-left-width-tb, var(--icon-frame-border-left-width-md, var(--icon-frame-border-left-width-pc, 0))) !important;
    border-color: var(--icon-frame-border-color-tb, var(--icon-frame-border-color-md, var(--icon-frame-border-color-pc, transparent))) !important;
    border-style: var(--icon-frame-border-style-tb, var(--icon-frame-border-style-md, var(--icon-frame-border-style-pc, solid))) !important;
    background: var(--icon-frame-bg-color-tb, var(--icon-frame-bg-color-md, var(--icon-frame-bg-color-pc, transparent))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon > .default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon > .default {
    color: var(--icon-color-tb, var(--icon-color-md, var(--icon-color-pc, currentColor))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon > .hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon > .hover {
    color: var(--icon-color-tb-hover, var(--icon-color-md-hover, var(--icon-color-pc-hover, var(--icon-color-pc, currentColor)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .default.icon-tb { display: flex; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .hover.icon-tb { display: flex; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .default.icon-pc { display: none; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .hover.icon-pc { display: none; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-overlay.default {
    background-image: var(--background-color-tb, var(--background-color-md, var(--background-color-pc, none))) !important;
    opacity: var(--background-color-opacity-tb, var(--background-color-opacity-md, var(--background-color-opacity-pc, 1))) !important;
    mix-blend-mode: var(--background-color-mix-blend-mode-tb, var(--background-color-mix-blend-mode-md, var(--background-color-mix-blend-mode-pc, normal))) !important;
    transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-overlay.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-overlay.hover {
    background-image: var(--background-color-tb-hover, var(--background-color-md-hover, var(--background-color-pc-hover, var(--background-color-pc, none)))) !important;
    opacity: 0 !important;
    mix-blend-mode: var(--background-color-mix-blend-mode-tb-hover, var(--background-color-mix-blend-mode-md-hover, var(--background-color-mix-blend-mode-pc-hover, var(--background-color-mix-blend-mode-pc, normal)))) !important;
    transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-base-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-base-color.default {
    background-color: var(--background-base-color-tb, var(--background-base-color-md, var(--background-base-color-pc, transparent))) !important;
    background-image: var(--background-base-gradient-tb, var(--background-base-gradient-md, var(--background-base-gradient-pc, none))) !important;
    transition: background-color var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-image.default {
    background-image: var(--background-image-tb, var(--background-image-md, var(--background-image-pc, none))) !important;
    background-size: var(--background-size-tb, var(--background-size-md, var(--background-size-pc, cover))) !important;
    background-position: var(--background-position-tb, var(--background-position-md, var(--background-position-pc, center))) !important;
    background-repeat: var(--background-repeat-tb, var(--background-repeat-md, var(--background-repeat-pc, no-repeat))) !important;
    transition: all var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default {
    opacity: var(--background-pattern-opacity-tb, var(--background-pattern-opacity-md, var(--background-pattern-opacity-pc, 0.5))) !important;
    mix-blend-mode: var(--background-pattern-blend-mode-tb, var(--background-pattern-blend-mode-md, var(--background-pattern-blend-mode-pc, normal))) !important;
    transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms), background-size var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="dots"] {
    background-image: radial-gradient(circle, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="grid"] {
    background-image: linear-gradient(var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 1px), linear-gradient(90deg, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 0, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 40%, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 50%, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 0deg, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000))) 120deg, transparent 120deg) !important;
    background-size: var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail {
    width: var(--thumbnail-frame-width-tb, var(--thumbnail-frame-width-md, var(--thumbnail-frame-width-pc, 60px))) !important;
    height: var(--thumbnail-frame-height-tb, var(--thumbnail-frame-height-md, var(--thumbnail-frame-height-pc, 60px))) !important;
    border-radius: var(--thumbnail-radius-tb, var(--thumbnail-radius-md, var(--thumbnail-radius-pc, 0))) !important;
    box-sizing: var(--thumbnail-box-sizing-tb, var(--thumbnail-box-sizing-md, var(--thumbnail-box-sizing-pc, border-box))) !important;
    border-width: var(--thumbnail-border-width-tb, var(--thumbnail-border-width-md, var(--thumbnail-border-width-pc, 0))) !important;
    border-style: var(--thumbnail-border-style-tb, var(--thumbnail-border-style-md, var(--thumbnail-border-style-pc, none))) !important;
    border-color: var(--thumbnail-border-color-tb, var(--thumbnail-border-color-md, var(--thumbnail-border-color-pc, transparent))) !important;
    left: var(--thumbnail-left-tb, var(--thumbnail-left-md, var(--thumbnail-left-pc, 0))) !important;
    right: var(--thumbnail-right-tb, var(--thumbnail-right-md, var(--thumbnail-right-pc, auto))) !important;
    top: var(--thumbnail-top-tb, var(--thumbnail-top-md, var(--thumbnail-top-pc, 0))) !important;
    bottom: var(--thumbnail-bottom-tb, var(--thumbnail-bottom-md, var(--thumbnail-bottom-pc, auto))) !important;
    transform: translateX(var(--thumbnail-transform-x-tb, var(--thumbnail-transform-x-md, var(--thumbnail-transform-x-pc, 0)))) translateY(var(--thumbnail-transform-y-tb, var(--thumbnail-transform-y-md, var(--thumbnail-transform-y-pc, 0)))) !important;
    opacity: var(--thumbnail-opacity-tb, var(--thumbnail-opacity-md, var(--thumbnail-opacity-pc, 1))) !important;
    mix-blend-mode: var(--thumbnail-blend-mode-tb, var(--thumbnail-blend-mode-md, var(--thumbnail-blend-mode-pc, normal))) !important;
    transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default {
    background-color: var(--thumbnail-image-base-color-tb, var(--thumbnail-image-base-color-md, var(--thumbnail-image-base-color-pc, transparent))) !important;
    background-repeat: var(--thumbnail-repeat-tb, var(--thumbnail-repeat-md, var(--thumbnail-repeat-pc, no-repeat))) !important;
    background-image: var(--thumbnail-image-tb, var(--thumbnail-image-md, var(--thumbnail-image-pc, none))) !important;
    background-position: var(--thumbnail-position-tb, var(--thumbnail-position-md, var(--thumbnail-position-pc, 50% 50%))) !important;
    background-size: var(--thumbnail-size-tb, var(--thumbnail-size-md, var(--thumbnail-size-pc, cover))) !important;
    transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default {
    background: var(--thumbnail-color-tb, var(--thumbnail-color-md, var(--thumbnail-color-pc, transparent))) !important;
    opacity: var(--thumbnail-color-opacity-tb, var(--thumbnail-color-opacity-md, var(--thumbnail-color-opacity-pc, 1))) !important;
    mix-blend-mode: var(--thumbnail-color-blend-mode-tb, var(--thumbnail-color-blend-mode-md, var(--thumbnail-color-blend-mode-pc, normal))) !important;
    transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms);
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band {
    width: var(--band-frame-width-tb, var(--band-frame-width-md, var(--band-frame-width-pc, 100%))) !important;
    height: var(--band-frame-height-tb, var(--band-frame-height-md, var(--band-frame-height-pc, 100%))) !important;
    border-radius: var(--band-radius-tb, var(--band-radius-md, var(--band-radius-pc, 0))) !important;
    box-sizing: var(--band-box-sizing-tb, var(--band-box-sizing-md, var(--band-box-sizing-pc, border-box))) !important;
    border-width: var(--band-border-width-tb, var(--band-border-width-md, var(--band-border-width-pc, 0))) !important;
    border-style: var(--band-border-style-tb, var(--band-border-style-md, var(--band-border-style-pc, none))) !important;
    border-color: var(--band-border-color-tb, var(--band-border-color-md, var(--band-border-color-pc, transparent))) !important;
    left: var(--band-left-tb, var(--band-left-md, var(--band-left-pc, 0))) !important;
    right: var(--band-right-tb, var(--band-right-md, var(--band-right-pc, auto))) !important;
    top: var(--band-top-tb, var(--band-top-md, var(--band-top-pc, 0))) !important;
    bottom: var(--band-bottom-tb, var(--band-bottom-md, var(--band-bottom-pc, auto))) !important;
    transform: translateX(var(--band-transform-x-tb, var(--band-transform-x-md, var(--band-transform-x-pc, 0)))) translateY(var(--band-transform-y-tb, var(--band-transform-y-md, var(--band-transform-y-pc, 0)))) skewX(var(--band-skew-x-tb, var(--band-skew-x-md, var(--band-skew-x-pc, 0deg)))) skewY(var(--band-skew-y-tb, var(--band-skew-y-md, var(--band-skew-y-pc, 0deg)))) !important;
    opacity: var(--band-opacity-tb, var(--band-opacity-md, var(--band-opacity-pc, 1))) !important;
    mix-blend-mode: var(--band-blend-mode-tb, var(--band-blend-mode-md, var(--band-blend-mode-pc, normal))) !important;
    transition: all var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default {
    background-color: var(--band-image-base-color-tb, var(--band-image-base-color-md, var(--band-image-base-color-pc, transparent))) !important;
    background-repeat: var(--band-repeat-tb, var(--band-repeat-md, var(--band-repeat-pc, no-repeat))), no-repeat !important;
    background-image: var(--band-image-tb, var(--band-image-md, var(--band-image-pc, none))), var(--band-base-gradient-tb, var(--band-base-gradient-md, var(--band-base-gradient-pc, none))) !important;
    background-position: var(--band-position-tb, var(--band-position-md, var(--band-position-pc, 50% 50%))), center !important;
    background-size: var(--band-size-tb, var(--band-size-md, var(--band-size-pc, cover))), cover !important;
    opacity: var(--band-image-opacity-tb, var(--band-image-opacity-md, var(--band-image-opacity-pc, 1))) !important;
    transition: all var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default {
    background-color: transparent !important;
    background-image: var(--band-color-tb, var(--band-color-md, var(--band-color-pc, transparent))) !important;
    opacity: var(--band-color-opacity-tb, var(--band-color-opacity-md, var(--band-color-opacity-pc, 1))) !important;
    mix-blend-mode: var(--band-color-blend-mode-tb, var(--band-color-blend-mode-md, var(--band-color-blend-mode-pc, normal))) !important;
    transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms);
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover {
    background-color: transparent !important;
    background-image: var(--band-color-tb-hover, var(--band-color-tb, var(--band-color-md-hover, var(--band-color-pc-hover, var(--band-color-pc, transparent))))) !important;
    mix-blend-mode: var(--band-color-blend-mode-tb-hover, var(--band-color-blend-mode-tb, var(--band-color-blend-mode-md-hover, var(--band-color-blend-mode-pc-hover, var(--band-color-blend-mode-pc, normal))))) !important;
    transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms);
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default {
    opacity: var(--band-pattern-opacity-tb, var(--band-pattern-opacity-md, var(--band-pattern-opacity-pc, 0.5))) !important;
    mix-blend-mode: var(--band-pattern-blend-mode-tb, var(--band-pattern-blend-mode-md, var(--band-pattern-blend-mode-pc, normal))) !important;
    transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms), background-size var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="dots"] {
    background-image: radial-gradient(circle, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="grid"] {
    background-image: linear-gradient(var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 1px), linear-gradient(90deg, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 0, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 40%, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 50%, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 0deg, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000))) 120deg, transparent 120deg) !important;
    background-size: var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-micro {
    font-size: var(--copy-micro-font-size-tb, var(--copy-micro-font-size-md, var(--copy-micro-font-size-pc, 16px))) !important;
    font-weight: var(--copy-micro-font-weight-tb, var(--copy-micro-font-weight-md, var(--copy-micro-font-weight-pc, normal))) !important;
    letter-spacing: var(--copy-micro-letter-spacing-tb, var(--copy-micro-letter-spacing-md, var(--copy-micro-letter-spacing-pc, 0))) !important;
    line-height: var(--copy-micro-line-height-tb, var(--copy-micro-line-height-md, var(--copy-micro-line-height-pc, 1.4))) !important;
    margin-top: var(--copy-micro-margin-top-tb, var(--copy-micro-margin-top-md, var(--copy-micro-margin-top-pc, 0))) !important;
    margin-right: var(--copy-micro-margin-right-tb, var(--copy-micro-margin-right-md, var(--copy-micro-margin-right-pc, auto))) !important;
    margin-bottom: var(--copy-micro-margin-bottom-tb, var(--copy-micro-margin-bottom-md, var(--copy-micro-margin-bottom-pc, 0))) !important;
    margin-left: var(--copy-micro-margin-left-tb, var(--copy-micro-margin-left-md, var(--copy-micro-margin-left-pc, auto))) !important;
    --copy-micro-border-width-pc: var(--copy-micro-border-width-tb, var(--copy-micro-border-width-md, var(--copy-micro-border-width, 2px))) !important;
    --copy-micro-border-style-pc: var(--copy-micro-border-style-tb, var(--copy-micro-border-style-md, var(--copy-micro-border-style, solid))) !important;
    --copy-micro-border-color-pc: var(--copy-micro-border-color-tb, var(--copy-micro-border-color-md, var(--copy-micro-border-color, #000))) !important;
    --copy-micro-border-radius-pc: var(--copy-micro-border-radius-tb, var(--copy-micro-border-radius-md, var(--copy-micro-border-radius, 0px))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-micro-contents {
    padding-top: var(--copy-micro-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0))) !important;
    padding-right: var(--copy-micro-padding-right-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0))) !important;
    padding-bottom: var(--copy-micro-padding-bottom-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0))) !important;
    padding-left: var(--copy-micro-padding-left-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-sub {
    font-size: var(--copy-sub-font-size-tb, var(--copy-micro-font-size-md, var(--copy-micro-font-size-pc, 16px))) !important;
    font-weight: var(--copy-sub-font-weight-tb, var(--copy-micro-font-weight-md, var(--copy-micro-font-weight-pc, normal))) !important;
    letter-spacing: var(--copy-sub-letter-spacing-tb, var(--copy-micro-letter-spacing-md, var(--copy-micro-letter-spacing-pc, 0))) !important;
    line-height: var(--copy-sub-line-height-tb, var(--copy-micro-line-height-md, var(--copy-micro-line-height-pc, 1.4))) !important;
    margin-top: var(--copy-sub-margin-top-tb, var(--copy-sub-margin-top-md, var(--copy-sub-margin-top-pc, 0))) !important;
    margin-right: var(--copy-sub-margin-right-tb, var(--copy-sub-margin-right-md, var(--copy-sub-margin-right-pc, auto))) !important;
    margin-bottom: var(--copy-sub-margin-bottom-tb, var(--copy-sub-margin-bottom-md, var(--copy-sub-margin-bottom-pc, 0))) !important;
    margin-left: var(--copy-sub-margin-left-tb, var(--copy-sub-margin-left-md, var(--copy-sub-margin-left-pc, auto))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-sub-contents {
    padding-top: var(--copy-sub-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0))) !important;
    padding-right: var(--copy-sub-padding-right-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0))) !important;
    padding-bottom: var(--copy-sub-padding-bottom-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0))) !important;
    padding-left: var(--copy-sub-padding-left-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0))) !important;
  }
  /* Hover - tb */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover {
    border-width: var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))) !important;
    border-style: var(--styling-border-style-tb-hover, var(--styling-border-style-md-hover, var(--styling-border-style-pc-hover, var(--styling-border-style-pc, none)))) !important;
    border-color: var(--styling-border-color-tb-hover, var(--styling-border-color-md-hover, var(--styling-border-color-pc-hover, var(--styling-border-color-pc, transparent)))) !important;
    border-top-left-radius: calc(var(--styling-radius-top-left-tb-hover, var(--styling-radius-top-left-md-hover, var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0)))) + var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))) !important;
    border-top-right-radius: calc(var(--styling-radius-top-right-tb-hover, var(--styling-radius-top-right-md-hover, var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0)))) + var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))) !important;
    border-bottom-right-radius: calc(var(--styling-radius-bottom-right-tb-hover, var(--styling-radius-bottom-right-md-hover, var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0)))) + var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))) !important;
    border-bottom-left-radius: calc(var(--styling-radius-bottom-left-tb-hover, var(--styling-radius-bottom-left-md-hover, var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0)))) + var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))) !important;
    box-shadow: var(--styling-shadow-tb-hover, var(--styling-shadow-md-hover, var(--styling-shadow-pc-hover, var(--styling-shadow-pc, none)))) !important;
    opacity: var(--styling-opacity-tb-hover, var(--styling-opacity-md-hover, var(--styling-opacity-pc-hover, var(--styling-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--styling-mix-blend-mode-tb-hover, var(--styling-mix-blend-mode-md-hover, var(--styling-mix-blend-mode-pc-hover, var(--styling-mix-blend-mode-pc, normal)))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover::after,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover::after {
    border-top-left-radius: var(--styling-radius-top-left-tb-hover, var(--styling-radius-top-left-md-hover, var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0)))) !important;
    border-top-right-radius: var(--styling-radius-top-right-tb-hover, var(--styling-radius-top-right-md-hover, var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0)))) !important;
    border-bottom-right-radius: var(--styling-radius-bottom-right-tb-hover, var(--styling-radius-bottom-right-md-hover, var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0)))) !important;
    border-bottom-left-radius: var(--styling-radius-bottom-left-tb-hover, var(--styling-radius-bottom-left-md-hover, var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0)))) !important;
    box-shadow: var(--styling-inner-shadow-tb-hover, var(--styling-inner-shadow-md-hover, var(--styling-inner-shadow-pc-hover, var(--styling-inner-shadow-pc, none)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-frame,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-frame {
    border-top-left-radius: max(0px, calc(var(--styling-radius-top-left-tb-hover, var(--styling-radius-top-left-md-hover, var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0)))) - var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))))) !important;
    border-top-right-radius: max(0px, calc(var(--styling-radius-top-right-tb-hover, var(--styling-radius-top-right-md-hover, var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0)))) - var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))))) !important;
    border-bottom-right-radius: max(0px, calc(var(--styling-radius-bottom-right-tb-hover, var(--styling-radius-bottom-right-md-hover, var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0)))) - var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))))) !important;
    border-bottom-left-radius: max(0px, calc(var(--styling-radius-bottom-left-tb-hover, var(--styling-radius-bottom-left-md-hover, var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0)))) - var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-overlay.default {
    opacity: 0 !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-overlay.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-overlay.hover {
    opacity: var(--background-color-opacity-tb-hover, var(--background-color-opacity-md-hover, var(--background-color-opacity-pc-hover, var(--background-color-opacity-pc, 1)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-base-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-base-color.default {
    background-color: var(--background-base-color-tb-hover, var(--background-base-color-md-hover, var(--background-base-color-pc-hover, var(--background-base-color-pc, transparent)))) !important;
    background-image: var(--background-base-gradient-tb-hover, var(--background-base-gradient-md-hover, var(--background-base-gradient-pc-hover, var(--background-base-gradient-pc, none)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-image.default {
    background-image: var(--background-image-tb-hover, var(--background-image-md-hover, var(--background-image-pc-hover, var(--background-image-pc, none)))) !important;
    background-position: var(--background-position-tb-hover, var(--background-position-md-hover, var(--background-position-pc-hover, var(--background-position-pc, center)))) !important;
    background-size: var(--background-size-tb-hover, var(--background-size-md-hover, var(--background-size-pc-hover, var(--background-size-pc, cover)))) !important;
    background-repeat: var(--background-repeat-tb-hover, var(--background-repeat-md-hover, var(--background-repeat-pc-hover, var(--background-repeat-pc, no-repeat)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default {
    opacity: var(--background-pattern-opacity-tb-hover, var(--background-pattern-opacity-md-hover, var(--background-pattern-opacity-pc-hover, var(--background-pattern-opacity-pc, 0.5)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="dots"] {
    background-image: radial-gradient(circle, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="grid"] {
    background-image: linear-gradient(var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 1px), linear-gradient(90deg, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 40%, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 50%, transparent 50%) !important;
    background-size: var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-tb="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 0deg, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000)))) 120deg, transparent 120deg) !important;
    background-size: var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon {
    width: var(--icon-size-tb-hover, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px)))) !important;
    height: var(--icon-size-tb-hover, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px)))) !important;
    left: var(--icon-left-tb-hover, var(--icon-left-tb, var(--icon-left-md-hover, var(--icon-left-pc-hover, var(--icon-left-pc, 50%))))) !important;
    right: var(--icon-right-tb-hover, var(--icon-right-tb, var(--icon-right-md-hover, var(--icon-right-pc-hover, var(--icon-right-pc, auto))))) !important;
    top: var(--icon-top-tb-hover, var(--icon-top-tb, var(--icon-top-md-hover, var(--icon-top-pc-hover, var(--icon-top-pc, 50%))))) !important;
    bottom: var(--icon-bottom-tb-hover, var(--icon-bottom-tb, var(--icon-bottom-md-hover, var(--icon-bottom-pc-hover, var(--icon-bottom-pc, auto))))) !important;
    transform: translateX(var(--icon-transform-x-tb-hover, var(--icon-transform-x-tb, var(--icon-transform-x-md-hover, var(--icon-transform-x-pc-hover, var(--icon-transform-x-pc, -50%)))))) translateY(var(--icon-transform-y-tb-hover, var(--icon-transform-y-tb, var(--icon-transform-y-md-hover, var(--icon-transform-y-pc-hover, var(--icon-transform-y-pc, -50%)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > a:hover .wp-block-zenblocks-button-basic-icon,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > button:hover .wp-block-zenblocks-button-basic-icon {
    width: var(--icon-size-tb-hover, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px)))) !important;
    height: var(--icon-size-tb-hover, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px)))) !important;
    left: var(--icon-left-tb-hover, var(--icon-left-tb, var(--icon-left-md-hover, var(--icon-left-pc-hover, var(--icon-left-pc, 50%))))) !important;
    right: var(--icon-right-tb-hover, var(--icon-right-tb, var(--icon-right-md-hover, var(--icon-right-pc-hover, var(--icon-right-pc, auto))))) !important;
    top: var(--icon-top-tb-hover, var(--icon-top-tb, var(--icon-top-md-hover, var(--icon-top-pc-hover, var(--icon-top-pc, 50%))))) !important;
    bottom: var(--icon-bottom-tb-hover, var(--icon-bottom-tb, var(--icon-bottom-md-hover, var(--icon-bottom-pc-hover, var(--icon-bottom-pc, auto))))) !important;
    transform: translateX(var(--icon-transform-x-tb-hover, var(--icon-transform-x-tb, var(--icon-transform-x-md-hover, var(--icon-transform-x-pc-hover, var(--icon-transform-x-pc, -50%)))))) translateY(var(--icon-transform-y-tb-hover, var(--icon-transform-y-tb, var(--icon-transform-y-md-hover, var(--icon-transform-y-pc-hover, var(--icon-transform-y-pc, -50%)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
    width: var(--icon-frame-width-tb-hover, var(--icon-frame-width-pc-hover, var(--icon-frame-width-tb, var(--icon-frame-width-md, var(--icon-frame-width-pc, 40px))))) !important;
    height: var(--icon-frame-height-tb-hover, var(--icon-frame-height-pc-hover, var(--icon-frame-height-tb, var(--icon-frame-height-md, var(--icon-frame-height-pc, 40px))))) !important;
    border-radius: var(--icon-frame-radius-tb-hover, var(--icon-frame-radius-pc-hover, var(--icon-frame-radius-tb, var(--icon-frame-radius-md, var(--icon-frame-radius-pc, 0))))) !important;
    border-top-width: var(--icon-frame-border-top-width-tb-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-tb, var(--icon-frame-border-top-width-md-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-pc, 0)))))) !important;
    border-right-width: var(--icon-frame-border-right-width-tb-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-tb, var(--icon-frame-border-right-width-md-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-pc, 0)))))) !important;
    border-bottom-width: var(--icon-frame-border-bottom-width-tb-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-tb, var(--icon-frame-border-bottom-width-md-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-pc, 0)))))) !important;
    border-left-width: var(--icon-frame-border-left-width-tb-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-tb, var(--icon-frame-border-left-width-md-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-pc, 0)))))) !important;
    border-color: var(--icon-frame-border-color-tb-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-tb, var(--icon-frame-border-color-md-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-pc, transparent)))))) !important;
    border-style: var(--icon-frame-border-style-tb-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-tb, var(--icon-frame-border-style-md-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-pc, solid)))))) !important;
    background: var(--icon-frame-bg-color-tb-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-tb, var(--icon-frame-bg-color-md-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-pc, transparent)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > a:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > button:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
    width: var(--icon-frame-width-tb-hover, var(--icon-frame-width-pc-hover, var(--icon-frame-width-tb, var(--icon-frame-width-md, var(--icon-frame-width-pc, 40px))))) !important;
    height: var(--icon-frame-height-tb-hover, var(--icon-frame-height-pc-hover, var(--icon-frame-height-tb, var(--icon-frame-height-md, var(--icon-frame-height-pc, 40px))))) !important;
    border-radius: var(--icon-frame-radius-tb-hover, var(--icon-frame-radius-pc-hover, var(--icon-frame-radius-tb, var(--icon-frame-radius-md, var(--icon-frame-radius-pc, 0))))) !important;
    border-top-width: var(--icon-frame-border-top-width-tb-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-tb, var(--icon-frame-border-top-width-md-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-pc, 0)))))) !important;
    border-right-width: var(--icon-frame-border-right-width-tb-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-tb, var(--icon-frame-border-right-width-md-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-pc, 0)))))) !important;
    border-bottom-width: var(--icon-frame-border-bottom-width-tb-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-tb, var(--icon-frame-border-bottom-width-md-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-pc, 0)))))) !important;
    border-left-width: var(--icon-frame-border-left-width-tb-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-tb, var(--icon-frame-border-left-width-md-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-pc, 0)))))) !important;
    border-color: var(--icon-frame-border-color-tb-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-tb, var(--icon-frame-border-color-md-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-pc, transparent)))))) !important;
    border-style: var(--icon-frame-border-style-tb-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-tb, var(--icon-frame-border-style-md-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-pc, solid)))))) !important;
    background: var(--icon-frame-bg-color-tb-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-tb, var(--icon-frame-bg-color-md-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-pc, transparent)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon > .default.icon-tb,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon > .default.icon-tb {
    display: none;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon > .hover.icon-tb,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon > .hover.icon-tb {
    display: flex;
    opacity: 1;
  }
  /* Thumbnail Hover - tb */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail {
    width: var(--thumbnail-frame-width-tb-hover, var(--thumbnail-frame-width-tb, var(--thumbnail-frame-width-md-hover, var(--thumbnail-frame-width-pc-hover, var(--thumbnail-frame-width-pc, 60px))))) !important;
    height: var(--thumbnail-frame-height-tb-hover, var(--thumbnail-frame-height-tb, var(--thumbnail-frame-height-md-hover, var(--thumbnail-frame-height-pc-hover, var(--thumbnail-frame-height-pc, 60px))))) !important;
    border-radius: var(--thumbnail-radius-tb-hover, var(--thumbnail-radius-tb, var(--thumbnail-radius-md-hover, var(--thumbnail-radius-pc-hover, var(--thumbnail-radius-pc, 0))))) !important;
    box-sizing: var(--thumbnail-box-sizing-tb-hover, var(--thumbnail-box-sizing-tb, var(--thumbnail-box-sizing-md-hover, var(--thumbnail-box-sizing-pc-hover, var(--thumbnail-box-sizing-pc, border-box))))) !important;
    border-width: var(--thumbnail-border-width-tb-hover, var(--thumbnail-border-width-tb, var(--thumbnail-border-width-md-hover, var(--thumbnail-border-width-pc-hover, var(--thumbnail-border-width-pc, 0))))) !important;
    border-style: var(--thumbnail-border-style-tb-hover, var(--thumbnail-border-style-tb, var(--thumbnail-border-style-md-hover, var(--thumbnail-border-style-pc-hover, var(--thumbnail-border-style-pc, none))))) !important;
    border-color: var(--thumbnail-border-color-tb-hover, var(--thumbnail-border-color-tb, var(--thumbnail-border-color-md-hover, var(--thumbnail-border-color-pc-hover, var(--thumbnail-border-color-pc, transparent))))) !important;
    left: var(--thumbnail-left-tb-hover, var(--thumbnail-left-tb, var(--thumbnail-left-md-hover, var(--thumbnail-left-pc-hover, var(--thumbnail-left-pc, 0))))) !important;
    right: var(--thumbnail-right-tb-hover, var(--thumbnail-right-tb, var(--thumbnail-right-md-hover, var(--thumbnail-right-pc-hover, var(--thumbnail-right-pc, auto))))) !important;
    top: var(--thumbnail-top-tb-hover, var(--thumbnail-top-tb, var(--thumbnail-top-md-hover, var(--thumbnail-top-pc-hover, var(--thumbnail-top-pc, 0))))) !important;
    bottom: var(--thumbnail-bottom-tb-hover, var(--thumbnail-bottom-tb, var(--thumbnail-bottom-md-hover, var(--thumbnail-bottom-pc-hover, var(--thumbnail-bottom-pc, auto))))) !important;
    transform: translateX(var(--thumbnail-transform-x-tb-hover, var(--thumbnail-transform-x-tb, var(--thumbnail-transform-x-md-hover, var(--thumbnail-transform-x-pc-hover, var(--thumbnail-transform-x-pc, 0)))))) translateY(var(--thumbnail-transform-y-tb-hover, var(--thumbnail-transform-y-tb, var(--thumbnail-transform-y-md-hover, var(--thumbnail-transform-y-pc-hover, var(--thumbnail-transform-y-pc, 0)))))) !important;
    opacity: var(--thumbnail-opacity-tb-hover, var(--thumbnail-opacity-tb, var(--thumbnail-opacity-md-hover, var(--thumbnail-opacity-pc-hover, var(--thumbnail-opacity-pc, 1))))) !important;
    mix-blend-mode: var(--thumbnail-blend-mode-tb-hover, var(--thumbnail-blend-mode-tb, var(--thumbnail-blend-mode-md-hover, var(--thumbnail-blend-mode-pc-hover, var(--thumbnail-blend-mode-pc, normal))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default {
    background-color: var(--thumbnail-image-base-color-tb-hover, var(--thumbnail-image-base-color-tb, var(--thumbnail-image-base-color-md-hover, var(--thumbnail-image-base-color-pc-hover, var(--thumbnail-image-base-color-pc, transparent))))) !important;
    background-repeat: var(--thumbnail-repeat-tb-hover, var(--thumbnail-repeat-tb, var(--thumbnail-repeat-md-hover, var(--thumbnail-repeat-pc-hover, var(--thumbnail-repeat-pc, no-repeat))))) !important;
    background-position: var(--thumbnail-position-tb-hover, var(--thumbnail-position-tb, var(--thumbnail-position-md-hover, var(--thumbnail-position-pc-hover, var(--thumbnail-position-pc, 50% 50%))))) !important;
    background-size: var(--thumbnail-size-tb-hover, var(--thumbnail-size-tb, var(--thumbnail-size-md-hover, var(--thumbnail-size-pc-hover, var(--thumbnail-size-pc, cover))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default {
    background: var(--thumbnail-color-tb-hover, var(--thumbnail-color-tb, var(--thumbnail-color-md-hover, var(--thumbnail-color-pc-hover, var(--thumbnail-color-pc, transparent))))) !important;
    opacity: var(--thumbnail-color-opacity-tb-hover, var(--thumbnail-color-opacity-tb, var(--thumbnail-color-opacity-md-hover, var(--thumbnail-color-opacity-pc-hover, var(--thumbnail-color-opacity-pc, 1))))) !important;
    mix-blend-mode: var(--thumbnail-color-blend-mode-tb-hover, var(--thumbnail-color-blend-mode-tb, var(--thumbnail-color-blend-mode-md-hover, var(--thumbnail-color-blend-mode-pc-hover, var(--thumbnail-color-blend-mode-pc, normal))))) !important;
  }
  /* Band Hover - tb */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band {
    width: var(--band-frame-width-tb-hover, var(--band-frame-width-tb, var(--band-frame-width-md-hover, var(--band-frame-width-pc-hover, var(--band-frame-width-pc, 100%))))) !important;
    height: var(--band-frame-height-tb-hover, var(--band-frame-height-tb, var(--band-frame-height-md-hover, var(--band-frame-height-pc-hover, var(--band-frame-height-pc, 100%))))) !important;
    border-radius: var(--band-radius-tb-hover, var(--band-radius-tb, var(--band-radius-md-hover, var(--band-radius-pc-hover, var(--band-radius-pc, 0))))) !important;
    box-sizing: var(--band-box-sizing-tb-hover, var(--band-box-sizing-tb, var(--band-box-sizing-md-hover, var(--band-box-sizing-pc-hover, var(--band-box-sizing-pc, border-box))))) !important;
    border-width: var(--band-border-width-tb-hover, var(--band-border-width-tb, var(--band-border-width-md-hover, var(--band-border-width-pc-hover, var(--band-border-width-pc, 0))))) !important;
    border-style: var(--band-border-style-tb-hover, var(--band-border-style-tb, var(--band-border-style-md-hover, var(--band-border-style-pc-hover, var(--band-border-style-pc, none))))) !important;
    border-color: var(--band-border-color-tb-hover, var(--band-border-color-tb, var(--band-border-color-md-hover, var(--band-border-color-pc-hover, var(--band-border-color-pc, transparent))))) !important;
    left: var(--band-left-tb-hover, var(--band-left-tb, var(--band-left-md-hover, var(--band-left-pc-hover, var(--band-left-pc, 0))))) !important;
    right: var(--band-right-tb-hover, var(--band-right-tb, var(--band-right-md-hover, var(--band-right-pc-hover, var(--band-right-pc, auto))))) !important;
    top: var(--band-top-tb-hover, var(--band-top-tb, var(--band-top-md-hover, var(--band-top-pc-hover, var(--band-top-pc, 0))))) !important;
    bottom: var(--band-bottom-tb-hover, var(--band-bottom-tb, var(--band-bottom-md-hover, var(--band-bottom-pc-hover, var(--band-bottom-pc, auto))))) !important;
    transform: translateX(var(--band-transform-x-tb-hover, var(--band-transform-x-tb, var(--band-transform-x-md-hover, var(--band-transform-x-pc-hover, var(--band-transform-x-pc, 0)))))) translateY(var(--band-transform-y-tb-hover, var(--band-transform-y-tb, var(--band-transform-y-md-hover, var(--band-transform-y-pc-hover, var(--band-transform-y-pc, 0)))))) skewX(var(--band-skew-x-tb-hover, var(--band-skew-x-tb, var(--band-skew-x-md-hover, var(--band-skew-x-pc-hover, var(--band-skew-x-pc, 0deg)))))) skewY(var(--band-skew-y-tb-hover, var(--band-skew-y-tb, var(--band-skew-y-md-hover, var(--band-skew-y-pc-hover, var(--band-skew-y-pc, 0deg)))))) !important;
    opacity: var(--band-opacity-tb-hover, var(--band-opacity-tb, var(--band-opacity-md-hover, var(--band-opacity-pc-hover, var(--band-opacity-pc, 1))))) !important;
    mix-blend-mode: var(--band-blend-mode-tb-hover, var(--band-blend-mode-tb, var(--band-blend-mode-md-hover, var(--band-blend-mode-pc-hover, var(--band-blend-mode-pc, normal))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default {
    background-color: var(--band-image-base-color-tb-hover, var(--band-image-base-color-tb, var(--band-image-base-color-md-hover, var(--band-image-base-color-pc-hover, var(--band-image-base-color-pc, transparent))))) !important;
    background-repeat: var(--band-repeat-tb-hover, var(--band-repeat-tb, var(--band-repeat-md-hover, var(--band-repeat-pc-hover, var(--band-repeat-pc, no-repeat))))), no-repeat !important;
    background-image: var(--band-image-tb-hover, var(--band-image-tb, var(--band-image-md-hover, var(--band-image-pc-hover, var(--band-image-pc, none))))), var(--band-base-gradient-tb-hover, var(--band-base-gradient-tb, var(--band-base-gradient-md-hover, var(--band-base-gradient-pc-hover, var(--band-base-gradient-pc, none))))) !important;
    background-position: var(--band-position-tb-hover, var(--band-position-tb, var(--band-position-md-hover, var(--band-position-pc-hover, var(--band-position-pc, 50% 50%))))), center !important;
    background-size: var(--band-size-tb-hover, var(--band-size-tb, var(--band-size-md-hover, var(--band-size-pc-hover, var(--band-size-pc, cover))))), cover !important;
    opacity: var(--band-image-opacity-tb-hover, var(--band-image-opacity-tb, var(--band-image-opacity-md-hover, var(--band-image-opacity-pc-hover, var(--band-image-opacity-pc, 1))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default {
    opacity: 0 !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover {
    opacity: var(--band-color-opacity-tb-hover, var(--band-color-opacity-tb, var(--band-color-opacity-md-hover, var(--band-color-opacity-pc-hover, var(--band-color-opacity-pc, 1))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default {
    opacity: var(--band-pattern-opacity-tb-hover, var(--band-pattern-opacity-md-hover, var(--band-pattern-opacity-pc-hover, var(--band-pattern-opacity-pc, 0.5)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="dots"] {
    background-image: radial-gradient(circle, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="grid"] {
    background-image: linear-gradient(var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 1px), linear-gradient(90deg, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 40%, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 50%, transparent 50%) !important;
    background-size: var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-tb="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 0deg, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000)))) 120deg, transparent 120deg) !important;
    background-size: var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px)))) !important;
  }
  /* Text Basic - tb */
  .wp-block-zenblocks-text-basic {
    font-size: var(--font-size-tb, var(--font-size-md, var(--font-size-pc, inherit))) !important;
    font-weight: var(--font-weight-tb, var(--font-weight-md, var(--font-weight-pc, inherit))) !important;
    line-height: var(--line-height-tb, var(--line-height-md, var(--line-height-pc, inherit))) !important;
    letter-spacing: var(--letter-spacing-tb, var(--letter-spacing-md, var(--letter-spacing-pc, 0))) !important;
  }
}

/* SP Breakpoint (~540px) */
@media (max-width: 540px) {
  /* Button Basic - sp */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic {
    width: var(--layout-width-sp, var(--layout-width-tb, var(--layout-width-md, var(--layout-width-pc, auto)))) !important;
    min-width: var(--layout-width-min-sp, var(--layout-width-min-tb, var(--layout-width-min-md, var(--layout-width-min-pc, auto)))) !important;
    max-width: var(--layout-width-max-sp, var(--layout-width-max-tb, var(--layout-width-max-md, var(--layout-width-max-pc, none)))) !important;
    margin-top: var(--spacing-margin-top-sp, var(--spacing-margin-top-tb, var(--spacing-margin-top-md, var(--spacing-margin-top-pc, 0)))) !important;
    margin-right: var(--spacing-margin-right-sp, var(--spacing-margin-right-tb, var(--spacing-margin-right-md, var(--spacing-margin-right-pc, 0)))) !important;
    margin-bottom: var(--spacing-margin-bottom-sp, var(--spacing-margin-bottom-tb, var(--spacing-margin-bottom-md, var(--spacing-margin-bottom-pc, 0)))) !important;
    margin-left: var(--spacing-margin-left-sp, var(--spacing-margin-left-tb, var(--spacing-margin-left-md, var(--spacing-margin-left-pc, 0)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.is-custom-position-sp {
    position: var(--layout-position-type-sp, var(--layout-position-type-tb, var(--layout-position-type-md, var(--layout-position-type-pc, relative)))) !important;
    top: var(--layout-position-top-sp, var(--layout-position-top-tb, var(--layout-position-top-md, var(--layout-position-top-pc, auto)))) !important;
    right: var(--layout-position-right-sp, var(--layout-position-right-tb, var(--layout-position-right-md, var(--layout-position-right-pc, auto)))) !important;
    bottom: var(--layout-position-bottom-sp, var(--layout-position-bottom-tb, var(--layout-position-bottom-md, var(--layout-position-bottom-pc, auto)))) !important;
    left: var(--layout-position-left-sp, var(--layout-position-left-tb, var(--layout-position-left-md, var(--layout-position-left-pc, auto)))) !important;
    z-index: var(--layout-z-index-sp, var(--layout-z-index-tb, var(--layout-z-index-md, var(--layout-z-index-pc, auto)))) !important;
    transform: translate(var(--layout-transform-translate-x-sp, var(--layout-transform-translate-x-tb, var(--layout-transform-translate-x-md, var(--layout-transform-translate-x-pc, 0)))), var(--layout-transform-translate-y-sp, var(--layout-transform-translate-y-tb, var(--layout-transform-translate-y-md, var(--layout-transform-translate-y-pc, 0))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button {
    font-size: var(--font-size-sp, var(--font-size-tb, var(--font-size-md, var(--font-size-pc, inherit)))) !important;
    padding-top: var(--spacing-padding-top-sp, var(--spacing-padding-top-tb, var(--spacing-padding-top-md, var(--spacing-padding-top-pc, 0)))) !important;
    padding-right: var(--spacing-padding-right-sp, var(--spacing-padding-right-tb, var(--spacing-padding-right-md, var(--spacing-padding-right-pc, 0)))) !important;
    padding-bottom: var(--spacing-padding-bottom-sp, var(--spacing-padding-bottom-tb, var(--spacing-padding-bottom-md, var(--spacing-padding-bottom-pc, 0)))) !important;
    padding-left: var(--spacing-padding-left-sp, var(--spacing-padding-left-tb, var(--spacing-padding-left-md, var(--spacing-padding-left-pc, 0)))) !important;
    height: var(--layout-height-sp, var(--layout-height-tb, var(--layout-height-md, var(--layout-height-pc, auto)))) !important;
    min-height: var(--layout-height-min-sp, var(--layout-height-min-tb, var(--layout-height-min-md, var(--layout-height-min-pc, auto)))) !important;
    max-height: var(--layout-height-max-sp, var(--layout-height-max-tb, var(--layout-height-max-md, var(--layout-height-max-pc, none)))) !important;
    border-width: var(--styling-border-width-sp, var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0)))) !important;
    border-style: var(--styling-border-style-sp, var(--styling-border-style-tb, var(--styling-border-style-md, var(--styling-border-style-pc, none)))) !important;
    border-color: var(--styling-border-color-sp, var(--styling-border-color-tb, var(--styling-border-color-md, var(--styling-border-color-pc, transparent)))) !important;
    box-sizing: var(--styling-box-sizing-sp, var(--styling-box-sizing-tb, var(--styling-box-sizing-md, var(--styling-box-sizing-pc, border-box)))) !important;
    border-top-left-radius: calc(var(--styling-radius-top-left-sp, var(--styling-radius-top-left-tb, var(--styling-radius-top-left-md, var(--styling-radius-top-left-pc, 0)))) + var(--styling-border-width-sp, var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0))))) !important;
    border-top-right-radius: calc(var(--styling-radius-top-right-sp, var(--styling-radius-top-right-tb, var(--styling-radius-top-right-md, var(--styling-radius-top-right-pc, 0)))) + var(--styling-border-width-sp, var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0))))) !important;
    border-bottom-right-radius: calc(var(--styling-radius-bottom-right-sp, var(--styling-radius-bottom-right-tb, var(--styling-radius-bottom-right-md, var(--styling-radius-bottom-right-pc, 0)))) + var(--styling-border-width-sp, var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0))))) !important;
    border-bottom-left-radius: calc(var(--styling-radius-bottom-left-sp, var(--styling-radius-bottom-left-tb, var(--styling-radius-bottom-left-md, var(--styling-radius-bottom-left-pc, 0)))) + var(--styling-border-width-sp, var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0))))) !important;
    box-shadow: var(--styling-shadow-sp, var(--styling-shadow-tb, var(--styling-shadow-md, var(--styling-shadow-pc, none)))) !important;
    opacity: var(--styling-opacity-sp, var(--styling-opacity-tb, var(--styling-opacity-md, var(--styling-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--styling-mix-blend-mode-sp, var(--styling-mix-blend-mode-tb, var(--styling-mix-blend-mode-md, var(--styling-mix-blend-mode-pc, normal)))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a::after,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button::after {
    border-top-left-radius: var(--styling-radius-top-left-sp, var(--styling-radius-top-left-tb, var(--styling-radius-top-left-md, var(--styling-radius-top-left-pc, 0)))) !important;
    border-top-right-radius: var(--styling-radius-top-right-sp, var(--styling-radius-top-right-tb, var(--styling-radius-top-right-md, var(--styling-radius-top-right-pc, 0)))) !important;
    border-bottom-right-radius: var(--styling-radius-bottom-right-sp, var(--styling-radius-bottom-right-tb, var(--styling-radius-bottom-right-md, var(--styling-radius-bottom-right-pc, 0)))) !important;
    border-bottom-left-radius: var(--styling-radius-bottom-left-sp, var(--styling-radius-bottom-left-tb, var(--styling-radius-bottom-left-md, var(--styling-radius-bottom-left-pc, 0)))) !important;
    box-shadow: var(--styling-inner-shadow-sp, var(--styling-inner-shadow-tb, var(--styling-inner-shadow-md, var(--styling-inner-shadow-pc, none)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-frame,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-frame {
    border-top-left-radius: max(0px, calc(var(--styling-radius-top-left-sp, var(--styling-radius-top-left-tb, var(--styling-radius-top-left-md, var(--styling-radius-top-left-pc, 0)))) - var(--styling-border-width-sp, var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0)))))) !important;
    border-top-right-radius: max(0px, calc(var(--styling-radius-top-right-sp, var(--styling-radius-top-right-tb, var(--styling-radius-top-right-md, var(--styling-radius-top-right-pc, 0)))) - var(--styling-border-width-sp, var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0)))))) !important;
    border-bottom-right-radius: max(0px, calc(var(--styling-radius-bottom-right-sp, var(--styling-radius-bottom-right-tb, var(--styling-radius-bottom-right-md, var(--styling-radius-bottom-right-pc, 0)))) - var(--styling-border-width-sp, var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0)))))) !important;
    border-bottom-left-radius: max(0px, calc(var(--styling-radius-bottom-left-sp, var(--styling-radius-bottom-left-tb, var(--styling-radius-bottom-left-md, var(--styling-radius-bottom-left-pc, 0)))) - var(--styling-border-width-sp, var(--styling-border-width-tb, var(--styling-border-width-md, var(--styling-border-width-pc, 0)))))) !important;
  }
  /* Text - sp */
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main {
    height: var(--text-main-height-sp, var(--text-main-height-tb, var(--text-main-height-md, var(--text-main-height-pc, 1.6em)))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .default,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .default {
    font-size: var(--font-size-sp, var(--font-size-tb, var(--font-size-md, var(--font-size-pc, inherit)))) !important;
    font-weight: var(--font-weight-sp, var(--font-weight-tb, var(--font-weight-md, var(--font-weight-pc, inherit)))) !important;
    line-height: var(--line-height-sp, var(--line-height-tb, var(--line-height-md, var(--line-height-pc, inherit)))) !important;
    letter-spacing: var(--letter-spacing-sp, var(--letter-spacing-tb, var(--letter-spacing-md, var(--letter-spacing-pc, 0)))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .hover,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text .wp-block-zenblocks-button-basic-text-main .hover {
    font-size: var(--font-size-sp-hover, var(--font-size-tb-hover, var(--font-size-md-hover, var(--font-size-pc-hover, var(--font-size-pc, inherit))))) !important;
    font-weight: var(--font-weight-sp-hover, var(--font-weight-tb-hover, var(--font-weight-md-hover, var(--font-weight-pc-hover, var(--font-weight-pc, inherit))))) !important;
    line-height: var(--line-height-sp-hover, var(--line-height-tb-hover, var(--line-height-md-hover, var(--line-height-pc-hover, var(--line-height-pc, inherit))))) !important;
    letter-spacing: var(--letter-spacing-sp-hover, var(--letter-spacing-tb-hover, var(--letter-spacing-md-hover, var(--letter-spacing-pc-hover, var(--letter-spacing-pc, 0))))) !important;
  }
  /* Micro/Sub Text - sp */
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text-micro,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text-micro {
    font-size: var(--micro-text-font-size-sp, var(--micro-text-font-size-tb, var(--micro-text-font-size-md, var(--micro-text-font-size-pc, 12px)))) !important;
    font-weight: var(--micro-text-font-weight-sp, var(--micro-text-font-weight-tb, var(--micro-text-font-weight-md, var(--micro-text-font-weight-pc, inherit)))) !important;
    letter-spacing: var(--micro-text-letter-spacing-sp, var(--micro-text-letter-spacing-tb, var(--micro-text-letter-spacing-md, var(--micro-text-letter-spacing-pc, 0)))) !important;
    line-height: var(--micro-text-line-height-sp, var(--micro-text-line-height-tb, var(--micro-text-line-height-md, var(--micro-text-line-height-pc, 1.2)))) !important;
    margin-top: var(--micro-text-margin-top-sp, var(--micro-text-margin-top-tb, var(--micro-text-margin-top-md, var(--micro-text-margin-top-pc, 0)))) !important;
    margin-right: var(--micro-text-margin-right-sp, var(--micro-text-margin-right-tb, var(--micro-text-margin-right-md, var(--micro-text-margin-right-pc, 0)))) !important;
    margin-bottom: var(--micro-text-margin-bottom-sp, var(--micro-text-margin-bottom-tb, var(--micro-text-margin-bottom-md, var(--micro-text-margin-bottom-pc, 0)))) !important;
    margin-left: var(--micro-text-margin-left-sp, var(--micro-text-margin-left-tb, var(--micro-text-margin-left-md, var(--micro-text-margin-left-pc, 0)))) !important;
    padding-top: var(--micro-text-padding-top-sp, var(--micro-text-padding-top-tb, var(--micro-text-padding-top-md, var(--micro-text-padding-top-pc, 0)))) !important;
    padding-right: var(--micro-text-padding-right-sp, var(--micro-text-padding-right-tb, var(--micro-text-padding-right-md, var(--micro-text-padding-right-pc, 0)))) !important;
    padding-bottom: var(--micro-text-padding-bottom-sp, var(--micro-text-padding-bottom-tb, var(--micro-text-padding-bottom-md, var(--micro-text-padding-bottom-pc, 0)))) !important;
    padding-left: var(--micro-text-padding-left-sp, var(--micro-text-padding-left-tb, var(--micro-text-padding-left-md, var(--micro-text-padding-left-pc, 0)))) !important;
    transform: rotate(var(--micro-text-rotate-sp, var(--micro-text-rotate-tb, var(--micro-text-rotate-md, var(--micro-text-rotate-pc, 0deg))))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-text-sub,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-text-sub {
    font-size: var(--sub-text-font-size-sp, var(--sub-text-font-size-tb, var(--sub-text-font-size-md, var(--sub-text-font-size-pc, 12px)))) !important;
    font-weight: var(--sub-text-font-weight-sp, var(--sub-text-font-weight-tb, var(--sub-text-font-weight-md, var(--sub-text-font-weight-pc, inherit)))) !important;
    letter-spacing: var(--sub-text-letter-spacing-sp, var(--sub-text-letter-spacing-tb, var(--sub-text-letter-spacing-md, var(--sub-text-letter-spacing-pc, 0)))) !important;
    line-height: var(--sub-text-line-height-sp, var(--sub-text-line-height-tb, var(--sub-text-line-height-md, var(--sub-text-line-height-pc, 1.2)))) !important;
    margin-top: var(--sub-text-margin-top-sp, var(--sub-text-margin-top-tb, var(--sub-text-margin-top-md, var(--sub-text-margin-top-pc, 0)))) !important;
    margin-right: var(--sub-text-margin-right-sp, var(--sub-text-margin-right-tb, var(--sub-text-margin-right-md, var(--sub-text-margin-right-pc, 0)))) !important;
    margin-bottom: var(--sub-text-margin-bottom-sp, var(--sub-text-margin-bottom-tb, var(--sub-text-margin-bottom-md, var(--sub-text-margin-bottom-pc, 0)))) !important;
    margin-left: var(--sub-text-margin-left-sp, var(--sub-text-margin-left-tb, var(--sub-text-margin-left-md, var(--sub-text-margin-left-pc, 0)))) !important;
    padding-top: var(--sub-text-padding-top-sp, var(--sub-text-padding-top-tb, var(--sub-text-padding-top-md, var(--sub-text-padding-top-pc, 0)))) !important;
    padding-right: var(--sub-text-padding-right-sp, var(--sub-text-padding-right-tb, var(--sub-text-padding-right-md, var(--sub-text-padding-right-pc, 0)))) !important;
    padding-bottom: var(--sub-text-padding-bottom-sp, var(--sub-text-padding-bottom-tb, var(--sub-text-padding-bottom-md, var(--sub-text-padding-bottom-pc, 0)))) !important;
    padding-left: var(--sub-text-padding-left-sp, var(--sub-text-padding-left-tb, var(--sub-text-padding-left-md, var(--sub-text-padding-left-pc, 0)))) !important;
    transform: rotate(var(--sub-text-rotate-sp, var(--sub-text-rotate-tb, var(--sub-text-rotate-md, var(--sub-text-rotate-pc, 0deg))))) !important;
  }
  /* Icon - sp */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.has-icon .wp-block-zenblocks-button-basic-content {
    gap: var(--icon-gap-sp, var(--icon-gap-tb, var(--icon-gap-md, var(--icon-gap-pc, 0.5em)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon {
    width: var(--icon-size-sp, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px)))) !important;
    height: var(--icon-size-sp, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px)))) !important;
    left: var(--icon-left-sp, var(--icon-left-tb, var(--icon-left-md, var(--icon-left-pc, 50%)))) !important;
    right: var(--icon-right-sp, var(--icon-right-tb, var(--icon-right-md, var(--icon-right-pc, auto)))) !important;
    top: var(--icon-top-sp, var(--icon-top-tb, var(--icon-top-md, var(--icon-top-pc, 50%)))) !important;
    bottom: var(--icon-bottom-sp, var(--icon-bottom-tb, var(--icon-bottom-md, var(--icon-bottom-pc, auto)))) !important;
    transform: translateX(var(--icon-transform-x-sp, var(--icon-transform-x-tb, var(--icon-transform-x-md, var(--icon-transform-x-pc, -50%))))) translateY(var(--icon-transform-y-sp, var(--icon-transform-y-tb, var(--icon-transform-y-md, var(--icon-transform-y-pc, -50%))))) !important;
    transition: width var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                height var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                top var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                left var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                right var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                bottom var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms),
                transform var(--icon-transition-duration, 300ms) var(--icon-transition-easing, ease) var(--icon-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
    width: var(--icon-frame-width-sp, var(--icon-frame-width-tb, var(--icon-frame-width-md, var(--icon-frame-width-pc, 40px)))) !important;
    height: var(--icon-frame-height-sp, var(--icon-frame-height-tb, var(--icon-frame-height-md, var(--icon-frame-height-pc, 40px)))) !important;
    border-radius: var(--icon-frame-radius-sp, var(--icon-frame-radius-tb, var(--icon-frame-radius-md, var(--icon-frame-radius-pc, 0)))) !important;
    border-top-width: var(--icon-frame-border-top-width-sp, var(--icon-frame-border-top-width-tb, var(--icon-frame-border-top-width-md, var(--icon-frame-border-top-width-pc, 0)))) !important;
    border-right-width: var(--icon-frame-border-right-width-sp, var(--icon-frame-border-right-width-tb, var(--icon-frame-border-right-width-md, var(--icon-frame-border-right-width-pc, 0)))) !important;
    border-bottom-width: var(--icon-frame-border-bottom-width-sp, var(--icon-frame-border-bottom-width-tb, var(--icon-frame-border-bottom-width-md, var(--icon-frame-border-bottom-width-pc, 0)))) !important;
    border-left-width: var(--icon-frame-border-left-width-sp, var(--icon-frame-border-left-width-tb, var(--icon-frame-border-left-width-md, var(--icon-frame-border-left-width-pc, 0)))) !important;
    border-color: var(--icon-frame-border-color-sp, var(--icon-frame-border-color-tb, var(--icon-frame-border-color-md, var(--icon-frame-border-color-pc, transparent)))) !important;
    border-style: var(--icon-frame-border-style-sp, var(--icon-frame-border-style-tb, var(--icon-frame-border-style-md, var(--icon-frame-border-style-pc, solid)))) !important;
    background: var(--icon-frame-bg-color-sp, var(--icon-frame-bg-color-tb, var(--icon-frame-bg-color-md, var(--icon-frame-bg-color-pc, transparent)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon > .default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon > .default {
    color: var(--icon-color-sp, var(--icon-color-tb, var(--icon-color-md, var(--icon-color-pc, currentColor)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-icon > .hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-icon > .hover {
    color: var(--icon-color-sp-hover, var(--icon-color-tb-hover, var(--icon-color-md-hover, var(--icon-color-pc-hover, var(--icon-color-pc, currentColor))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .default.icon-sp { display: flex; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .hover.icon-sp { display: flex; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .default.icon-pc { display: none; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-icon.responsive-icon > .hover.icon-pc { display: none; }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-overlay.default {
    background-image: var(--background-color-sp, var(--background-color-tb, var(--background-color-md, var(--background-color-pc, none)))) !important;
    opacity: var(--background-color-opacity-sp, var(--background-color-opacity-tb, var(--background-color-opacity-md, var(--background-color-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--background-color-mix-blend-mode-sp, var(--background-color-mix-blend-mode-tb, var(--background-color-mix-blend-mode-md, var(--background-color-mix-blend-mode-pc, normal)))) !important;
    transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-overlay.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-overlay.hover {
    background-image: var(--background-color-sp-hover, var(--background-color-tb-hover, var(--background-color-md-hover, var(--background-color-pc-hover, var(--background-color-pc, none))))) !important;
    opacity: 0 !important;
    mix-blend-mode: var(--background-color-mix-blend-mode-sp-hover, var(--background-color-mix-blend-mode-tb-hover, var(--background-color-mix-blend-mode-md-hover, var(--background-color-mix-blend-mode-pc-hover, var(--background-color-mix-blend-mode-pc, normal))))) !important;
    transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-base-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-base-color.default {
    background-color: var(--background-base-color-sp, var(--background-base-color-tb, var(--background-base-color-md, var(--background-base-color-pc, transparent)))) !important;
    background-image: var(--background-base-gradient-sp, var(--background-base-gradient-tb, var(--background-base-gradient-md, var(--background-base-gradient-pc, none)))) !important;
    transition: background-color var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-image.default {
    background-image: var(--background-image-sp, var(--background-image-tb, var(--background-image-md, var(--background-image-pc, none)))) !important;
    background-size: var(--background-size-sp, var(--background-size-tb, var(--background-size-md, var(--background-size-pc, cover)))) !important;
    background-position: var(--background-position-sp, var(--background-position-tb, var(--background-position-md, var(--background-position-pc, center)))) !important;
    background-repeat: var(--background-repeat-sp, var(--background-repeat-tb, var(--background-repeat-md, var(--background-repeat-pc, no-repeat)))) !important;
    transition: all var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default {
    opacity: var(--background-pattern-opacity-sp, var(--background-pattern-opacity-tb, var(--background-pattern-opacity-md, var(--background-pattern-opacity-pc, 0.5)))) !important;
    mix-blend-mode: var(--background-pattern-blend-mode-sp, var(--background-pattern-blend-mode-tb, var(--background-pattern-blend-mode-md, var(--background-pattern-blend-mode-pc, normal)))) !important;
    transition: opacity var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms), background-size var(--background-transition-duration, 150ms) var(--background-transition-easing, ease) var(--background-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="dots"] {
    background-image: radial-gradient(circle, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="grid"] {
    background-image: linear-gradient(var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 1px), linear-gradient(90deg, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 0, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 40%, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 50%, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 0deg, var(--background-pattern-color-sp, var(--background-pattern-color-tb, var(--background-pattern-color-md, var(--background-pattern-color-pc, #000)))) 120deg, transparent 120deg) !important;
    background-size: var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) var(--background-pattern-size-sp, var(--background-pattern-size-tb, var(--background-pattern-size-md, var(--background-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail {
    width: var(--thumbnail-frame-width-sp, var(--thumbnail-frame-width-tb, var(--thumbnail-frame-width-md, var(--thumbnail-frame-width-pc, 60px)))) !important;
    height: var(--thumbnail-frame-height-sp, var(--thumbnail-frame-height-tb, var(--thumbnail-frame-height-md, var(--thumbnail-frame-height-pc, 60px)))) !important;
    border-radius: var(--thumbnail-radius-sp, var(--thumbnail-radius-tb, var(--thumbnail-radius-md, var(--thumbnail-radius-pc, 0)))) !important;
    box-sizing: var(--thumbnail-box-sizing-sp, var(--thumbnail-box-sizing-tb, var(--thumbnail-box-sizing-md, var(--thumbnail-box-sizing-pc, border-box)))) !important;
    border-width: var(--thumbnail-border-width-sp, var(--thumbnail-border-width-tb, var(--thumbnail-border-width-md, var(--thumbnail-border-width-pc, 0)))) !important;
    border-style: var(--thumbnail-border-style-sp, var(--thumbnail-border-style-tb, var(--thumbnail-border-style-md, var(--thumbnail-border-style-pc, none)))) !important;
    border-color: var(--thumbnail-border-color-sp, var(--thumbnail-border-color-tb, var(--thumbnail-border-color-md, var(--thumbnail-border-color-pc, transparent)))) !important;
    left: var(--thumbnail-left-sp, var(--thumbnail-left-tb, var(--thumbnail-left-md, var(--thumbnail-left-pc, 0)))) !important;
    right: var(--thumbnail-right-sp, var(--thumbnail-right-tb, var(--thumbnail-right-md, var(--thumbnail-right-pc, auto)))) !important;
    top: var(--thumbnail-top-sp, var(--thumbnail-top-tb, var(--thumbnail-top-md, var(--thumbnail-top-pc, 0)))) !important;
    bottom: var(--thumbnail-bottom-sp, var(--thumbnail-bottom-tb, var(--thumbnail-bottom-md, var(--thumbnail-bottom-pc, auto)))) !important;
    transform: translateX(var(--thumbnail-transform-x-sp, var(--thumbnail-transform-x-tb, var(--thumbnail-transform-x-md, var(--thumbnail-transform-x-pc, 0))))) translateY(var(--thumbnail-transform-y-sp, var(--thumbnail-transform-y-tb, var(--thumbnail-transform-y-md, var(--thumbnail-transform-y-pc, 0))))) !important;
    opacity: var(--thumbnail-opacity-sp, var(--thumbnail-opacity-tb, var(--thumbnail-opacity-md, var(--thumbnail-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--thumbnail-blend-mode-sp, var(--thumbnail-blend-mode-tb, var(--thumbnail-blend-mode-md, var(--thumbnail-blend-mode-pc, normal)))) !important;
    transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default {
    background-color: var(--thumbnail-image-base-color-sp, var(--thumbnail-image-base-color-tb, var(--thumbnail-image-base-color-md, var(--thumbnail-image-base-color-pc, transparent)))) !important;
    background-repeat: var(--thumbnail-repeat-sp, var(--thumbnail-repeat-tb, var(--thumbnail-repeat-md, var(--thumbnail-repeat-pc, no-repeat)))) !important;
    background-image: var(--thumbnail-image-sp, var(--thumbnail-image-tb, var(--thumbnail-image-md, var(--thumbnail-image-pc, none)))) !important;
    background-position: var(--thumbnail-position-sp, var(--thumbnail-position-tb, var(--thumbnail-position-md, var(--thumbnail-position-pc, 50% 50%)))) !important;
    background-size: var(--thumbnail-size-sp, var(--thumbnail-size-tb, var(--thumbnail-size-md, var(--thumbnail-size-pc, cover)))) !important;
    transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default {
    background: var(--thumbnail-color-sp, var(--thumbnail-color-tb, var(--thumbnail-color-md, var(--thumbnail-color-pc, transparent)))) !important;
    opacity: var(--thumbnail-color-opacity-sp, var(--thumbnail-color-opacity-tb, var(--thumbnail-color-opacity-md, var(--thumbnail-color-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--thumbnail-color-blend-mode-sp, var(--thumbnail-color-blend-mode-tb, var(--thumbnail-color-blend-mode-md, var(--thumbnail-color-blend-mode-pc, normal)))) !important;
    transition: all var(--thumbnail-transition-duration, 300ms) var(--thumbnail-transition-easing, ease) var(--thumbnail-transition-delay, 0ms);
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band {
    width: var(--band-frame-width-sp, var(--band-frame-width-tb, var(--band-frame-width-md, var(--band-frame-width-pc, 100%)))) !important;
    height: var(--band-frame-height-sp, var(--band-frame-height-tb, var(--band-frame-height-md, var(--band-frame-height-pc, 100%)))) !important;
    border-radius: var(--band-radius-sp, var(--band-radius-tb, var(--band-radius-md, var(--band-radius-pc, 0)))) !important;
    box-sizing: var(--band-box-sizing-sp, var(--band-box-sizing-tb, var(--band-box-sizing-md, var(--band-box-sizing-pc, border-box)))) !important;
    border-width: var(--band-border-width-sp, var(--band-border-width-tb, var(--band-border-width-md, var(--band-border-width-pc, 0)))) !important;
    border-style: var(--band-border-style-sp, var(--band-border-style-tb, var(--band-border-style-md, var(--band-border-style-pc, none)))) !important;
    border-color: var(--band-border-color-sp, var(--band-border-color-tb, var(--band-border-color-md, var(--band-border-color-pc, transparent)))) !important;
    left: var(--band-left-sp, var(--band-left-tb, var(--band-left-md, var(--band-left-pc, 0)))) !important;
    right: var(--band-right-sp, var(--band-right-tb, var(--band-right-md, var(--band-right-pc, auto)))) !important;
    top: var(--band-top-sp, var(--band-top-tb, var(--band-top-md, var(--band-top-pc, 0)))) !important;
    bottom: var(--band-bottom-sp, var(--band-bottom-tb, var(--band-bottom-md, var(--band-bottom-pc, auto)))) !important;
    transform: translateX(var(--band-transform-x-sp, var(--band-transform-x-tb, var(--band-transform-x-md, var(--band-transform-x-pc, 0))))) translateY(var(--band-transform-y-sp, var(--band-transform-y-tb, var(--band-transform-y-md, var(--band-transform-y-pc, 0))))) skewX(var(--band-skew-x-sp, var(--band-skew-x-tb, var(--band-skew-x-md, var(--band-skew-x-pc, 0deg))))) skewY(var(--band-skew-y-sp, var(--band-skew-y-tb, var(--band-skew-y-md, var(--band-skew-y-pc, 0deg))))) !important;
    opacity: var(--band-opacity-sp, var(--band-opacity-tb, var(--band-opacity-md, var(--band-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--band-blend-mode-sp, var(--band-blend-mode-tb, var(--band-blend-mode-md, var(--band-blend-mode-pc, normal)))) !important;
    transition: all var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default {
    background-color: var(--band-image-base-color-sp, var(--band-image-base-color-tb, var(--band-image-base-color-md, var(--band-image-base-color-pc, transparent)))) !important;
    background-repeat: var(--band-repeat-sp, var(--band-repeat-tb, var(--band-repeat-md, var(--band-repeat-pc, no-repeat)))), no-repeat !important;
    background-image: var(--band-image-sp, var(--band-image-tb, var(--band-image-md, var(--band-image-pc, none)))), var(--band-base-gradient-sp, var(--band-base-gradient-tb, var(--band-base-gradient-md, var(--band-base-gradient-pc, none)))) !important;
    background-position: var(--band-position-sp, var(--band-position-tb, var(--band-position-md, var(--band-position-pc, 50% 50%)))), center !important;
    background-size: var(--band-size-sp, var(--band-size-tb, var(--band-size-md, var(--band-size-pc, cover)))), cover !important;
    opacity: var(--band-image-opacity-sp, var(--band-image-opacity-tb, var(--band-image-opacity-md, var(--band-image-opacity-pc, 1)))) !important;
    transition: all var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default {
    background-color: transparent !important;
    background-image: var(--band-color-sp, var(--band-color-tb, var(--band-color-md, var(--band-color-pc, transparent)))) !important;
    opacity: var(--band-color-opacity-sp, var(--band-color-opacity-tb, var(--band-color-opacity-md, var(--band-color-opacity-pc, 1)))) !important;
    mix-blend-mode: var(--band-color-blend-mode-sp, var(--band-color-blend-mode-tb, var(--band-color-blend-mode-md, var(--band-color-blend-mode-pc, normal)))) !important;
    transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms);
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover {
    background-color: transparent !important;
    background-image: var(--band-color-sp-hover, var(--band-color-sp, var(--band-color-tb-hover, var(--band-color-md-hover, var(--band-color-pc-hover, var(--band-color-pc, transparent)))))) !important;
    mix-blend-mode: var(--band-color-blend-mode-sp-hover, var(--band-color-blend-mode-sp, var(--band-color-blend-mode-tb-hover, var(--band-color-blend-mode-md-hover, var(--band-color-blend-mode-pc-hover, var(--band-color-blend-mode-pc, normal)))))) !important;
    transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms);
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default {
    opacity: var(--band-pattern-opacity-sp, var(--band-pattern-opacity-tb, var(--band-pattern-opacity-md, var(--band-pattern-opacity-pc, 0.5)))) !important;
    mix-blend-mode: var(--band-pattern-blend-mode-sp, var(--band-pattern-blend-mode-tb, var(--band-pattern-blend-mode-md, var(--band-pattern-blend-mode-pc, normal)))) !important;
    transition: opacity var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms), background-size var(--band-transition-duration, 300ms) var(--band-transition-easing, ease) var(--band-transition-delay, 0ms) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="dots"] {
    background-image: radial-gradient(circle, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="grid"] {
    background-image: linear-gradient(var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 1px), linear-gradient(90deg, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 0, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 40%, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 50%, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 0deg, var(--band-pattern-color-sp, var(--band-pattern-color-tb, var(--band-pattern-color-md, var(--band-pattern-color-pc, #000)))) 120deg, transparent 120deg) !important;
    background-size: var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) var(--band-pattern-size-sp, var(--band-pattern-size-tb, var(--band-pattern-size-md, var(--band-pattern-size-pc, 10px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-micro {
    font-size: var(--copy-micro-font-size-sp, var(--copy-micro-font-size-tb, var(--copy-micro-font-size-md, var(--copy-micro-font-size-pc, 16px)))) !important;
    font-weight: var(--copy-micro-font-weight-sp, var(--copy-micro-font-weight-tb, var(--copy-micro-font-weight-md, var(--copy-micro-font-weight-pc, normal)))) !important;
    letter-spacing: var(--copy-micro-letter-spacing-sp, var(--copy-micro-letter-spacing-tb, var(--copy-micro-letter-spacing-md, var(--copy-micro-letter-spacing-pc, 0)))) !important;
    line-height: var(--copy-micro-line-height-sp, var(--copy-micro-line-height-tb, var(--copy-micro-line-height-md, var(--copy-micro-line-height-pc, 1.4)))) !important;
    margin-top: var(--copy-micro-margin-top-sp, var(--copy-micro-margin-top-tb, var(--copy-micro-margin-top-md, var(--copy-micro-margin-top-pc, 0)))) !important;
    margin-right: var(--copy-micro-margin-right-sp, var(--copy-micro-margin-right-tb, var(--copy-micro-margin-right-md, var(--copy-micro-margin-right-pc, auto)))) !important;
    margin-bottom: var(--copy-micro-margin-bottom-sp, var(--copy-micro-margin-bottom-tb, var(--copy-micro-margin-bottom-md, var(--copy-micro-margin-bottom-pc, 0)))) !important;
    margin-left: var(--copy-micro-margin-left-sp, var(--copy-micro-margin-left-tb, var(--copy-micro-margin-left-md, var(--copy-micro-margin-left-pc, auto)))) !important;
    --copy-micro-border-width-pc: var(--copy-micro-border-width-sp, var(--copy-micro-border-width-tb, var(--copy-micro-border-width-md, var(--copy-micro-border-width, 2px)))) !important;
    --copy-micro-border-style-pc: var(--copy-micro-border-style-sp, var(--copy-micro-border-style-tb, var(--copy-micro-border-style-md, var(--copy-micro-border-style, solid)))) !important;
    --copy-micro-border-color-pc: var(--copy-micro-border-color-sp, var(--copy-micro-border-color-tb, var(--copy-micro-border-color-md, var(--copy-micro-border-color, #000)))) !important;
    --copy-micro-border-radius-pc: var(--copy-micro-border-radius-sp, var(--copy-micro-border-radius-tb, var(--copy-micro-border-radius-md, var(--copy-micro-border-radius, 0px)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-micro-contents {
    padding-top: var(--copy-micro-padding-top-sp, var(--copy-micro-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0)))) !important;
    padding-right: var(--copy-micro-padding-right-sp, var(--copy-micro-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0)))) !important;
    padding-bottom: var(--copy-micro-padding-bottom-sp, var(--copy-micro-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0)))) !important;
    padding-left: var(--copy-micro-padding-left-sp, var(--copy-micro-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-sub {
    font-size: var(--copy-sub-font-size-sp, var(--copy-micro-font-size-tb, var(--copy-micro-font-size-md, var(--copy-micro-font-size-pc, 16px)))) !important;
    font-weight: var(--copy-sub-font-weight-sp, var(--copy-micro-font-weight-tb, var(--copy-micro-font-weight-md, var(--copy-micro-font-weight-pc, normal)))) !important;
    letter-spacing: var(--copy-sub-letter-spacing-sp, var(--copy-micro-letter-spacing-tb, var(--copy-micro-letter-spacing-md, var(--copy-micro-letter-spacing-pc, 0)))) !important;
    line-height: var(--copy-sub-line-height-sp, var(--copy-micro-line-height-tb, var(--copy-micro-line-height-md, var(--copy-micro-line-height-pc, 1.4)))) !important;
    margin-top: var(--copy-sub-margin-top-sp, var(--copy-sub-margin-top-tb, var(--copy-sub-margin-top-md, var(--copy-sub-margin-top-pc, 0)))) !important;
    margin-right: var(--copy-sub-margin-right-sp, var(--copy-sub-margin-right-tb, var(--copy-sub-margin-right-md, var(--copy-sub-margin-right-pc, auto)))) !important;
    margin-bottom: var(--copy-sub-margin-bottom-sp, var(--copy-sub-margin-bottom-tb, var(--copy-sub-margin-bottom-md, var(--copy-sub-margin-bottom-pc, 0)))) !important;
    margin-left: var(--copy-sub-margin-left-sp, var(--copy-sub-margin-left-tb, var(--copy-sub-margin-left-md, var(--copy-sub-margin-left-pc, auto)))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic .wp-block-zenblocks-button-basic-copy-sub-contents {
    padding-top: var(--copy-sub-padding-top-sp, var(--copy-micro-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0)))) !important;
    padding-right: var(--copy-sub-padding-right-sp, var(--copy-micro-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0)))) !important;
    padding-bottom: var(--copy-sub-padding-bottom-sp, var(--copy-micro-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0)))) !important;
    padding-left: var(--copy-sub-padding-left-sp, var(--copy-micro-padding-top-tb, var(--copy-micro-padding-top-md, var(--copy-micro-padding-top-pc, 0)))) !important;
  }
  /* Hover - sp */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover {
    border-width: var(--styling-border-width-sp-hover, var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))) !important;
    border-style: var(--styling-border-style-sp-hover, var(--styling-border-style-tb-hover, var(--styling-border-style-md-hover, var(--styling-border-style-pc-hover, var(--styling-border-style-pc, none))))) !important;
    border-color: var(--styling-border-color-sp-hover, var(--styling-border-color-tb-hover, var(--styling-border-color-md-hover, var(--styling-border-color-pc-hover, var(--styling-border-color-pc, transparent))))) !important;
    border-top-left-radius: calc(var(--styling-radius-top-left-sp-hover, var(--styling-radius-top-left-tb-hover, var(--styling-radius-top-left-md-hover, var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0))))) + var(--styling-border-width-sp-hover, var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))))) !important;
    border-top-right-radius: calc(var(--styling-radius-top-right-sp-hover, var(--styling-radius-top-right-tb-hover, var(--styling-radius-top-right-md-hover, var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0))))) + var(--styling-border-width-sp-hover, var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))))) !important;
    border-bottom-right-radius: calc(var(--styling-radius-bottom-right-sp-hover, var(--styling-radius-bottom-right-tb-hover, var(--styling-radius-bottom-right-md-hover, var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0))))) + var(--styling-border-width-sp-hover, var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))))) !important;
    border-bottom-left-radius: calc(var(--styling-radius-bottom-left-sp-hover, var(--styling-radius-bottom-left-tb-hover, var(--styling-radius-bottom-left-md-hover, var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0))))) + var(--styling-border-width-sp-hover, var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0)))))) !important;
    box-shadow: var(--styling-shadow-sp-hover, var(--styling-shadow-tb-hover, var(--styling-shadow-md-hover, var(--styling-shadow-pc-hover, var(--styling-shadow-pc, none))))) !important;
    opacity: var(--styling-opacity-sp-hover, var(--styling-opacity-tb-hover, var(--styling-opacity-md-hover, var(--styling-opacity-pc-hover, var(--styling-opacity-pc, 1))))) !important;
    mix-blend-mode: var(--styling-mix-blend-mode-sp-hover, var(--styling-mix-blend-mode-tb-hover, var(--styling-mix-blend-mode-md-hover, var(--styling-mix-blend-mode-pc-hover, var(--styling-mix-blend-mode-pc, normal))))) !important;
  }
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover::after,
  body:not(.block-editor-page) .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover::after {
    border-top-left-radius: var(--styling-radius-top-left-sp-hover, var(--styling-radius-top-left-tb-hover, var(--styling-radius-top-left-md-hover, var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0))))) !important;
    border-top-right-radius: var(--styling-radius-top-right-sp-hover, var(--styling-radius-top-right-tb-hover, var(--styling-radius-top-right-md-hover, var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0))))) !important;
    border-bottom-right-radius: var(--styling-radius-bottom-right-sp-hover, var(--styling-radius-bottom-right-tb-hover, var(--styling-radius-bottom-right-md-hover, var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0))))) !important;
    border-bottom-left-radius: var(--styling-radius-bottom-left-sp-hover, var(--styling-radius-bottom-left-tb-hover, var(--styling-radius-bottom-left-md-hover, var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0))))) !important;
    box-shadow: var(--styling-inner-shadow-sp-hover, var(--styling-inner-shadow-tb-hover, var(--styling-inner-shadow-md-hover, var(--styling-inner-shadow-pc-hover, var(--styling-inner-shadow-pc, none))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-frame,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-frame {
    border-top-left-radius: max(0px, calc(var(--styling-radius-top-left-sp-hover, var(--styling-radius-top-left-tb-hover, var(--styling-radius-top-left-md-hover, var(--styling-radius-top-left-pc-hover, var(--styling-radius-top-left-pc, 0))))) - var(--styling-border-width-sp-hover, var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))))) !important;
    border-top-right-radius: max(0px, calc(var(--styling-radius-top-right-sp-hover, var(--styling-radius-top-right-tb-hover, var(--styling-radius-top-right-md-hover, var(--styling-radius-top-right-pc-hover, var(--styling-radius-top-right-pc, 0))))) - var(--styling-border-width-sp-hover, var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))))) !important;
    border-bottom-right-radius: max(0px, calc(var(--styling-radius-bottom-right-sp-hover, var(--styling-radius-bottom-right-tb-hover, var(--styling-radius-bottom-right-md-hover, var(--styling-radius-bottom-right-pc-hover, var(--styling-radius-bottom-right-pc, 0))))) - var(--styling-border-width-sp-hover, var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))))) !important;
    border-bottom-left-radius: max(0px, calc(var(--styling-radius-bottom-left-sp-hover, var(--styling-radius-bottom-left-tb-hover, var(--styling-radius-bottom-left-md-hover, var(--styling-radius-bottom-left-pc-hover, var(--styling-radius-bottom-left-pc, 0))))) - var(--styling-border-width-sp-hover, var(--styling-border-width-tb-hover, var(--styling-border-width-md-hover, var(--styling-border-width-pc-hover, var(--styling-border-width-pc, 0))))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-overlay.default {
    opacity: 0 !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-overlay.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-overlay.hover {
    opacity: var(--background-color-opacity-sp-hover, var(--background-color-opacity-tb-hover, var(--background-color-opacity-md-hover, var(--background-color-opacity-pc-hover, var(--background-color-opacity-pc, 1))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-base-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-base-color.default {
    background-color: var(--background-base-color-sp-hover, var(--background-base-color-tb-hover, var(--background-base-color-md-hover, var(--background-base-color-pc-hover, var(--background-base-color-pc, transparent))))) !important;
    background-image: var(--background-base-gradient-sp-hover, var(--background-base-gradient-tb-hover, var(--background-base-gradient-md-hover, var(--background-base-gradient-pc-hover, var(--background-base-gradient-pc, none))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-image.default {
    background-image: var(--background-image-sp-hover, var(--background-image-tb-hover, var(--background-image-md-hover, var(--background-image-pc-hover, var(--background-image-pc, none))))) !important;
    background-position: var(--background-position-sp-hover, var(--background-position-tb-hover, var(--background-position-md-hover, var(--background-position-pc-hover, var(--background-position-pc, center))))) !important;
    background-size: var(--background-size-sp-hover, var(--background-size-tb-hover, var(--background-size-md-hover, var(--background-size-pc-hover, var(--background-size-pc, cover))))) !important;
    background-repeat: var(--background-repeat-sp-hover, var(--background-repeat-tb-hover, var(--background-repeat-md-hover, var(--background-repeat-pc-hover, var(--background-repeat-pc, no-repeat))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default {
    opacity: var(--background-pattern-opacity-sp-hover, var(--background-pattern-opacity-tb-hover, var(--background-pattern-opacity-md-hover, var(--background-pattern-opacity-pc-hover, var(--background-pattern-opacity-pc, 0.5))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="dots"] {
    background-image: radial-gradient(circle, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 0, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 0, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 0, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 0, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 0, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="grid"] {
    background-image: linear-gradient(var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 1px), linear-gradient(90deg, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 1px) !important;
    background-size: var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 0, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 0, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 40%, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 50%, transparent 50%) !important;
    background-size: var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-bg-pattern.default[data-pattern-sp="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 0deg, var(--background-pattern-color-sp-hover, var(--background-pattern-color-tb-hover, var(--background-pattern-color-md-hover, var(--background-pattern-color-pc-hover, var(--background-pattern-color-pc, #000))))) 120deg, transparent 120deg) !important;
    background-size: var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) var(--background-pattern-size-sp-hover, var(--background-pattern-size-tb-hover, var(--background-pattern-size-md-hover, var(--background-pattern-size-pc-hover, var(--background-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon {
    width: var(--icon-size-sp-hover, var(--icon-size-sp, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px))))) !important;
    height: var(--icon-size-sp-hover, var(--icon-size-sp, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px))))) !important;
    left: var(--icon-left-sp-hover, var(--icon-left-sp, var(--icon-left-tb-hover, var(--icon-left-md-hover, var(--icon-left-pc-hover, var(--icon-left-pc, 50%)))))) !important;
    right: var(--icon-right-sp-hover, var(--icon-right-sp, var(--icon-right-tb-hover, var(--icon-right-md-hover, var(--icon-right-pc-hover, var(--icon-right-pc, auto)))))) !important;
    top: var(--icon-top-sp-hover, var(--icon-top-sp, var(--icon-top-tb-hover, var(--icon-top-md-hover, var(--icon-top-pc-hover, var(--icon-top-pc, 50%)))))) !important;
    bottom: var(--icon-bottom-sp-hover, var(--icon-bottom-sp, var(--icon-bottom-tb-hover, var(--icon-bottom-md-hover, var(--icon-bottom-pc-hover, var(--icon-bottom-pc, auto)))))) !important;
    transform: translateX(var(--icon-transform-x-sp-hover, var(--icon-transform-x-sp, var(--icon-transform-x-tb-hover, var(--icon-transform-x-md-hover, var(--icon-transform-x-pc-hover, var(--icon-transform-x-pc, -50%))))))) translateY(var(--icon-transform-y-sp-hover, var(--icon-transform-y-sp, var(--icon-transform-y-tb-hover, var(--icon-transform-y-md-hover, var(--icon-transform-y-pc-hover, var(--icon-transform-y-pc, -50%))))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > a:hover .wp-block-zenblocks-button-basic-icon,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > button:hover .wp-block-zenblocks-button-basic-icon {
    width: var(--icon-size-sp-hover, var(--icon-size-sp, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px))))) !important;
    height: var(--icon-size-sp-hover, var(--icon-size-sp, var(--icon-size-tb, var(--icon-size-md, var(--icon-size-pc, 25px))))) !important;
    left: var(--icon-left-sp-hover, var(--icon-left-sp, var(--icon-left-tb-hover, var(--icon-left-md-hover, var(--icon-left-pc-hover, var(--icon-left-pc, 50%)))))) !important;
    right: var(--icon-right-sp-hover, var(--icon-right-sp, var(--icon-right-tb-hover, var(--icon-right-md-hover, var(--icon-right-pc-hover, var(--icon-right-pc, auto)))))) !important;
    top: var(--icon-top-sp-hover, var(--icon-top-sp, var(--icon-top-tb-hover, var(--icon-top-md-hover, var(--icon-top-pc-hover, var(--icon-top-pc, 50%)))))) !important;
    bottom: var(--icon-bottom-sp-hover, var(--icon-bottom-sp, var(--icon-bottom-tb-hover, var(--icon-bottom-md-hover, var(--icon-bottom-pc-hover, var(--icon-bottom-pc, auto)))))) !important;
    transform: translateX(var(--icon-transform-x-sp-hover, var(--icon-transform-x-sp, var(--icon-transform-x-tb-hover, var(--icon-transform-x-md-hover, var(--icon-transform-x-pc-hover, var(--icon-transform-x-pc, -50%))))))) translateY(var(--icon-transform-y-sp-hover, var(--icon-transform-y-sp, var(--icon-transform-y-tb-hover, var(--icon-transform-y-md-hover, var(--icon-transform-y-pc-hover, var(--icon-transform-y-pc, -50%))))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
    width: var(--icon-frame-width-sp-hover, var(--icon-frame-width-pc-hover, var(--icon-frame-width-sp, var(--icon-frame-width-tb, var(--icon-frame-width-md, var(--icon-frame-width-pc, 40px)))))) !important;
    height: var(--icon-frame-height-sp-hover, var(--icon-frame-height-pc-hover, var(--icon-frame-height-sp, var(--icon-frame-height-tb, var(--icon-frame-height-md, var(--icon-frame-height-pc, 40px)))))) !important;
    border-radius: var(--icon-frame-radius-sp-hover, var(--icon-frame-radius-pc-hover, var(--icon-frame-radius-sp, var(--icon-frame-radius-tb, var(--icon-frame-radius-md, var(--icon-frame-radius-pc, 0)))))) !important;
    border-top-width: var(--icon-frame-border-top-width-sp-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-sp, var(--icon-frame-border-top-width-tb-hover, var(--icon-frame-border-top-width-md-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-pc, 0))))))) !important;
    border-right-width: var(--icon-frame-border-right-width-sp-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-sp, var(--icon-frame-border-right-width-tb-hover, var(--icon-frame-border-right-width-md-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-pc, 0))))))) !important;
    border-bottom-width: var(--icon-frame-border-bottom-width-sp-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-sp, var(--icon-frame-border-bottom-width-tb-hover, var(--icon-frame-border-bottom-width-md-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-pc, 0))))))) !important;
    border-left-width: var(--icon-frame-border-left-width-sp-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-sp, var(--icon-frame-border-left-width-tb-hover, var(--icon-frame-border-left-width-md-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-pc, 0))))))) !important;
    border-color: var(--icon-frame-border-color-sp-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-sp, var(--icon-frame-border-color-tb-hover, var(--icon-frame-border-color-md-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-pc, transparent))))))) !important;
    border-style: var(--icon-frame-border-style-sp-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-sp, var(--icon-frame-border-style-tb-hover, var(--icon-frame-border-style-md-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-pc, solid))))))) !important;
    background: var(--icon-frame-bg-color-sp-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-sp, var(--icon-frame-bg-color-tb-hover, var(--icon-frame-bg-color-md-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-pc, transparent))))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > a:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic[class*="zenblocks-button-hover-animation-icon-"] > button:hover .wp-block-zenblocks-button-basic-icon.wrap_icon:before {
    width: var(--icon-frame-width-sp-hover, var(--icon-frame-width-pc-hover, var(--icon-frame-width-sp, var(--icon-frame-width-tb, var(--icon-frame-width-md, var(--icon-frame-width-pc, 40px)))))) !important;
    height: var(--icon-frame-height-sp-hover, var(--icon-frame-height-pc-hover, var(--icon-frame-height-sp, var(--icon-frame-height-tb, var(--icon-frame-height-md, var(--icon-frame-height-pc, 40px)))))) !important;
    border-radius: var(--icon-frame-radius-sp-hover, var(--icon-frame-radius-pc-hover, var(--icon-frame-radius-sp, var(--icon-frame-radius-tb, var(--icon-frame-radius-md, var(--icon-frame-radius-pc, 0)))))) !important;
    border-top-width: var(--icon-frame-border-top-width-sp-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-sp, var(--icon-frame-border-top-width-tb-hover, var(--icon-frame-border-top-width-md-hover, var(--icon-frame-border-top-width-pc-hover, var(--icon-frame-border-top-width-pc, 0))))))) !important;
    border-right-width: var(--icon-frame-border-right-width-sp-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-sp, var(--icon-frame-border-right-width-tb-hover, var(--icon-frame-border-right-width-md-hover, var(--icon-frame-border-right-width-pc-hover, var(--icon-frame-border-right-width-pc, 0))))))) !important;
    border-bottom-width: var(--icon-frame-border-bottom-width-sp-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-sp, var(--icon-frame-border-bottom-width-tb-hover, var(--icon-frame-border-bottom-width-md-hover, var(--icon-frame-border-bottom-width-pc-hover, var(--icon-frame-border-bottom-width-pc, 0))))))) !important;
    border-left-width: var(--icon-frame-border-left-width-sp-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-sp, var(--icon-frame-border-left-width-tb-hover, var(--icon-frame-border-left-width-md-hover, var(--icon-frame-border-left-width-pc-hover, var(--icon-frame-border-left-width-pc, 0))))))) !important;
    border-color: var(--icon-frame-border-color-sp-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-sp, var(--icon-frame-border-color-tb-hover, var(--icon-frame-border-color-md-hover, var(--icon-frame-border-color-pc-hover, var(--icon-frame-border-color-pc, transparent))))))) !important;
    border-style: var(--icon-frame-border-style-sp-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-sp, var(--icon-frame-border-style-tb-hover, var(--icon-frame-border-style-md-hover, var(--icon-frame-border-style-pc-hover, var(--icon-frame-border-style-pc, solid))))))) !important;
    background: var(--icon-frame-bg-color-sp-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-sp, var(--icon-frame-bg-color-tb-hover, var(--icon-frame-bg-color-md-hover, var(--icon-frame-bg-color-pc-hover, var(--icon-frame-bg-color-pc, transparent))))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon > .default.icon-sp,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon > .default.icon-sp {
    display: none;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > a:hover .wp-block-zenblocks-button-basic-icon > .hover.icon-sp,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic:not([class*="zenblocks-button-hover-animation-icon-"]) > button:hover .wp-block-zenblocks-button-basic-icon > .hover.icon-sp {
    display: flex;
    opacity: 1;
  }
  /* Thumbnail Hover - sp */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail {
    width: var(--thumbnail-frame-width-sp-hover, var(--thumbnail-frame-width-sp, var(--thumbnail-frame-width-tb-hover, var(--thumbnail-frame-width-md-hover, var(--thumbnail-frame-width-pc-hover, var(--thumbnail-frame-width-pc, 60px)))))) !important;
    height: var(--thumbnail-frame-height-sp-hover, var(--thumbnail-frame-height-sp, var(--thumbnail-frame-height-tb-hover, var(--thumbnail-frame-height-md-hover, var(--thumbnail-frame-height-pc-hover, var(--thumbnail-frame-height-pc, 60px)))))) !important;
    border-radius: var(--thumbnail-radius-sp-hover, var(--thumbnail-radius-sp, var(--thumbnail-radius-tb-hover, var(--thumbnail-radius-md-hover, var(--thumbnail-radius-pc-hover, var(--thumbnail-radius-pc, 0)))))) !important;
    box-sizing: var(--thumbnail-box-sizing-sp-hover, var(--thumbnail-box-sizing-sp, var(--thumbnail-box-sizing-tb-hover, var(--thumbnail-box-sizing-md-hover, var(--thumbnail-box-sizing-pc-hover, var(--thumbnail-box-sizing-pc, border-box)))))) !important;
    border-width: var(--thumbnail-border-width-sp-hover, var(--thumbnail-border-width-sp, var(--thumbnail-border-width-tb-hover, var(--thumbnail-border-width-md-hover, var(--thumbnail-border-width-pc-hover, var(--thumbnail-border-width-pc, 0)))))) !important;
    border-style: var(--thumbnail-border-style-sp-hover, var(--thumbnail-border-style-sp, var(--thumbnail-border-style-tb-hover, var(--thumbnail-border-style-md-hover, var(--thumbnail-border-style-pc-hover, var(--thumbnail-border-style-pc, none)))))) !important;
    border-color: var(--thumbnail-border-color-sp-hover, var(--thumbnail-border-color-sp, var(--thumbnail-border-color-tb-hover, var(--thumbnail-border-color-md-hover, var(--thumbnail-border-color-pc-hover, var(--thumbnail-border-color-pc, transparent)))))) !important;
    left: var(--thumbnail-left-sp-hover, var(--thumbnail-left-sp, var(--thumbnail-left-tb-hover, var(--thumbnail-left-md-hover, var(--thumbnail-left-pc-hover, var(--thumbnail-left-pc, 0)))))) !important;
    right: var(--thumbnail-right-sp-hover, var(--thumbnail-right-sp, var(--thumbnail-right-tb-hover, var(--thumbnail-right-md-hover, var(--thumbnail-right-pc-hover, var(--thumbnail-right-pc, auto)))))) !important;
    top: var(--thumbnail-top-sp-hover, var(--thumbnail-top-sp, var(--thumbnail-top-tb-hover, var(--thumbnail-top-md-hover, var(--thumbnail-top-pc-hover, var(--thumbnail-top-pc, 0)))))) !important;
    bottom: var(--thumbnail-bottom-sp-hover, var(--thumbnail-bottom-sp, var(--thumbnail-bottom-tb-hover, var(--thumbnail-bottom-md-hover, var(--thumbnail-bottom-pc-hover, var(--thumbnail-bottom-pc, auto)))))) !important;
    transform: translateX(var(--thumbnail-transform-x-sp-hover, var(--thumbnail-transform-x-sp, var(--thumbnail-transform-x-tb-hover, var(--thumbnail-transform-x-md-hover, var(--thumbnail-transform-x-pc-hover, var(--thumbnail-transform-x-pc, 0))))))) translateY(var(--thumbnail-transform-y-sp-hover, var(--thumbnail-transform-y-sp, var(--thumbnail-transform-y-tb-hover, var(--thumbnail-transform-y-md-hover, var(--thumbnail-transform-y-pc-hover, var(--thumbnail-transform-y-pc, 0))))))) !important;
    opacity: var(--thumbnail-opacity-sp-hover, var(--thumbnail-opacity-sp, var(--thumbnail-opacity-tb-hover, var(--thumbnail-opacity-md-hover, var(--thumbnail-opacity-pc-hover, var(--thumbnail-opacity-pc, 1)))))) !important;
    mix-blend-mode: var(--thumbnail-blend-mode-sp-hover, var(--thumbnail-blend-mode-sp, var(--thumbnail-blend-mode-tb-hover, var(--thumbnail-blend-mode-md-hover, var(--thumbnail-blend-mode-pc-hover, var(--thumbnail-blend-mode-pc, normal)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-image.default {
    background-color: var(--thumbnail-image-base-color-sp-hover, var(--thumbnail-image-base-color-sp, var(--thumbnail-image-base-color-tb-hover, var(--thumbnail-image-base-color-md-hover, var(--thumbnail-image-base-color-pc-hover, var(--thumbnail-image-base-color-pc, transparent)))))) !important;
    background-repeat: var(--thumbnail-repeat-sp-hover, var(--thumbnail-repeat-sp, var(--thumbnail-repeat-tb-hover, var(--thumbnail-repeat-md-hover, var(--thumbnail-repeat-pc-hover, var(--thumbnail-repeat-pc, no-repeat)))))) !important;
    background-position: var(--thumbnail-position-sp-hover, var(--thumbnail-position-sp, var(--thumbnail-position-tb-hover, var(--thumbnail-position-md-hover, var(--thumbnail-position-pc-hover, var(--thumbnail-position-pc, 50% 50%)))))) !important;
    background-size: var(--thumbnail-size-sp-hover, var(--thumbnail-size-sp, var(--thumbnail-size-tb-hover, var(--thumbnail-size-md-hover, var(--thumbnail-size-pc-hover, var(--thumbnail-size-pc, cover)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-thumbnail .wp-block-zenblocks-button-basic-thumbnail-overlay.default {
    background: var(--thumbnail-color-sp-hover, var(--thumbnail-color-sp, var(--thumbnail-color-tb-hover, var(--thumbnail-color-md-hover, var(--thumbnail-color-pc-hover, var(--thumbnail-color-pc, transparent)))))) !important;
    opacity: var(--thumbnail-color-opacity-sp-hover, var(--thumbnail-color-opacity-sp, var(--thumbnail-color-opacity-tb-hover, var(--thumbnail-color-opacity-md-hover, var(--thumbnail-color-opacity-pc-hover, var(--thumbnail-color-opacity-pc, 1)))))) !important;
    mix-blend-mode: var(--thumbnail-color-blend-mode-sp-hover, var(--thumbnail-color-blend-mode-sp, var(--thumbnail-color-blend-mode-tb-hover, var(--thumbnail-color-blend-mode-md-hover, var(--thumbnail-color-blend-mode-pc-hover, var(--thumbnail-color-blend-mode-pc, normal)))))) !important;
  }
  /* Band Hover - sp */
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band {
    width: var(--band-frame-width-sp-hover, var(--band-frame-width-sp, var(--band-frame-width-tb-hover, var(--band-frame-width-md-hover, var(--band-frame-width-pc-hover, var(--band-frame-width-pc, 100%)))))) !important;
    height: var(--band-frame-height-sp-hover, var(--band-frame-height-sp, var(--band-frame-height-tb-hover, var(--band-frame-height-md-hover, var(--band-frame-height-pc-hover, var(--band-frame-height-pc, 100%)))))) !important;
    border-radius: var(--band-radius-sp-hover, var(--band-radius-sp, var(--band-radius-tb-hover, var(--band-radius-md-hover, var(--band-radius-pc-hover, var(--band-radius-pc, 0)))))) !important;
    box-sizing: var(--band-box-sizing-sp-hover, var(--band-box-sizing-sp, var(--band-box-sizing-tb-hover, var(--band-box-sizing-md-hover, var(--band-box-sizing-pc-hover, var(--band-box-sizing-pc, border-box)))))) !important;
    border-width: var(--band-border-width-sp-hover, var(--band-border-width-sp, var(--band-border-width-tb-hover, var(--band-border-width-md-hover, var(--band-border-width-pc-hover, var(--band-border-width-pc, 0)))))) !important;
    border-style: var(--band-border-style-sp-hover, var(--band-border-style-sp, var(--band-border-style-tb-hover, var(--band-border-style-md-hover, var(--band-border-style-pc-hover, var(--band-border-style-pc, none)))))) !important;
    border-color: var(--band-border-color-sp-hover, var(--band-border-color-sp, var(--band-border-color-tb-hover, var(--band-border-color-md-hover, var(--band-border-color-pc-hover, var(--band-border-color-pc, transparent)))))) !important;
    left: var(--band-left-sp-hover, var(--band-left-sp, var(--band-left-tb-hover, var(--band-left-md-hover, var(--band-left-pc-hover, var(--band-left-pc, 0)))))) !important;
    right: var(--band-right-sp-hover, var(--band-right-sp, var(--band-right-tb-hover, var(--band-right-md-hover, var(--band-right-pc-hover, var(--band-right-pc, auto)))))) !important;
    top: var(--band-top-sp-hover, var(--band-top-sp, var(--band-top-tb-hover, var(--band-top-md-hover, var(--band-top-pc-hover, var(--band-top-pc, 0)))))) !important;
    bottom: var(--band-bottom-sp-hover, var(--band-bottom-sp, var(--band-bottom-tb-hover, var(--band-bottom-md-hover, var(--band-bottom-pc-hover, var(--band-bottom-pc, auto)))))) !important;
    transform: translateX(var(--band-transform-x-sp-hover, var(--band-transform-x-sp, var(--band-transform-x-tb-hover, var(--band-transform-x-md-hover, var(--band-transform-x-pc-hover, var(--band-transform-x-pc, 0))))))) translateY(var(--band-transform-y-sp-hover, var(--band-transform-y-sp, var(--band-transform-y-tb-hover, var(--band-transform-y-md-hover, var(--band-transform-y-pc-hover, var(--band-transform-y-pc, 0))))))) skewX(var(--band-skew-x-sp-hover, var(--band-skew-x-sp, var(--band-skew-x-tb-hover, var(--band-skew-x-md-hover, var(--band-skew-x-pc-hover, var(--band-skew-x-pc, 0deg))))))) skewY(var(--band-skew-y-sp-hover, var(--band-skew-y-sp, var(--band-skew-y-tb-hover, var(--band-skew-y-md-hover, var(--band-skew-y-pc-hover, var(--band-skew-y-pc, 0deg))))))) !important;
    opacity: var(--band-opacity-sp-hover, var(--band-opacity-sp, var(--band-opacity-tb-hover, var(--band-opacity-md-hover, var(--band-opacity-pc-hover, var(--band-opacity-pc, 1)))))) !important;
    mix-blend-mode: var(--band-blend-mode-sp-hover, var(--band-blend-mode-sp, var(--band-blend-mode-tb-hover, var(--band-blend-mode-md-hover, var(--band-blend-mode-pc-hover, var(--band-blend-mode-pc, normal)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-image.default {
    background-color: var(--band-image-base-color-sp-hover, var(--band-image-base-color-sp, var(--band-image-base-color-tb-hover, var(--band-image-base-color-md-hover, var(--band-image-base-color-pc-hover, var(--band-image-base-color-pc, transparent)))))) !important;
    background-repeat: var(--band-repeat-sp-hover, var(--band-repeat-sp, var(--band-repeat-tb-hover, var(--band-repeat-md-hover, var(--band-repeat-pc-hover, var(--band-repeat-pc, no-repeat)))))), no-repeat !important;
    background-image: var(--band-image-sp-hover, var(--band-image-sp, var(--band-image-tb-hover, var(--band-image-md-hover, var(--band-image-pc-hover, var(--band-image-pc, none)))))), var(--band-base-gradient-sp-hover, var(--band-base-gradient-sp, var(--band-base-gradient-tb-hover, var(--band-base-gradient-md-hover, var(--band-base-gradient-pc-hover, var(--band-base-gradient-pc, none)))))) !important;
    background-position: var(--band-position-sp-hover, var(--band-position-sp, var(--band-position-tb-hover, var(--band-position-md-hover, var(--band-position-pc-hover, var(--band-position-pc, 50% 50%)))))), center !important;
    background-size: var(--band-size-sp-hover, var(--band-size-sp, var(--band-size-tb-hover, var(--band-size-md-hover, var(--band-size-pc-hover, var(--band-size-pc, cover)))))), cover !important;
    opacity: var(--band-image-opacity-sp-hover, var(--band-image-opacity-sp, var(--band-image-opacity-tb-hover, var(--band-image-opacity-md-hover, var(--band-image-opacity-pc-hover, var(--band-image-opacity-pc, 1)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.default {
    opacity: 0 !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-color.hover {
    opacity: var(--band-color-opacity-sp-hover, var(--band-color-opacity-sp, var(--band-color-opacity-tb-hover, var(--band-color-opacity-md-hover, var(--band-color-opacity-pc-hover, var(--band-color-opacity-pc, 1)))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default,
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default {
    opacity: var(--band-pattern-opacity-sp-hover, var(--band-pattern-opacity-tb-hover, var(--band-pattern-opacity-md-hover, var(--band-pattern-opacity-pc-hover, var(--band-pattern-opacity-pc, 0.5))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="dots"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="dots"] {
    background-image: radial-gradient(circle, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="diagonal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="diagonal-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 0, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="cross-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="cross-lines"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 0, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 0, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="horizontal-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="horizontal-lines"] {
    background-image: repeating-linear-gradient(0deg, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 0, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="vertical-lines"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="vertical-lines"] {
    background-image: repeating-linear-gradient(90deg, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 0, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="grid"] {
    background-image: linear-gradient(var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 1px), linear-gradient(90deg, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 1px) !important;
    background-size: var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="diagonal-grid"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="diagonal-grid"] {
    background-image: repeating-linear-gradient(45deg, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 0, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%), repeating-linear-gradient(-45deg, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 0, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 1px, transparent 0, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="circles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="circles"] {
    background-image: radial-gradient(circle, transparent 40%, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 40%, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 50%, transparent 50%) !important;
    background-size: var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) !important;
  }
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > a:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="triangles"],
  .wp-block-zenblocks-button-basic.wp-block-zenblocks-button-basic > button:hover .wp-block-zenblocks-button-basic-band .wp-block-zenblocks-button-basic-band-pattern.default[data-pattern-sp="triangles"] {
    background-image: conic-gradient(from 210deg at 50% 85%, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 0deg, var(--band-pattern-color-sp-hover, var(--band-pattern-color-tb-hover, var(--band-pattern-color-md-hover, var(--band-pattern-color-pc-hover, var(--band-pattern-color-pc, #000))))) 120deg, transparent 120deg) !important;
    background-size: var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) var(--band-pattern-size-sp-hover, var(--band-pattern-size-tb-hover, var(--band-pattern-size-md-hover, var(--band-pattern-size-pc-hover, var(--band-pattern-size-pc, 10px))))) !important;
  }
  /* Text Basic - sp */
  .wp-block-zenblocks-text-basic {
    font-size: var(--font-size-sp, var(--font-size-tb, var(--font-size-md, var(--font-size-pc, inherit)))) !important;
    font-weight: var(--font-weight-sp, var(--font-weight-tb, var(--font-weight-md, var(--font-weight-pc, inherit)))) !important;
    line-height: var(--line-height-sp, var(--line-height-tb, var(--line-height-md, var(--line-height-pc, inherit)))) !important;
    letter-spacing: var(--letter-spacing-sp, var(--letter-spacing-tb, var(--letter-spacing-md, var(--letter-spacing-pc, 0)))) !important;
  }
}