/* ZenBlocks Responsive Base CSS (PC only) - 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;
}