:where(.dsgo-icon-button) {
  border-radius: 9999px;
}
.dsgo-icon-button {
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-decoration: none !important;
  width: auto;
}
.dsgo-icon-button,
.dsgo-icon-button.wp-block-button__link {
  display: inline-flex;
}
.dsgo-icon-button--icon-end {
  flex-direction: row-reverse;
}
.dsgo-icon-button--full-width {
  display: flex;
  width: 100%;
}
.dsgo-icon-button.alignfull:not([class*="dsgo-hide-"]) {
  display: flex !important;
  max-width: 100% !important;
  width: 100% !important;
}
.dsgo-icon-button.aligncenter:not(.alignfull):not([class*="dsgo-hide-"]) {
  margin-left: auto;
}
.dsgo-icon-button.aligncenter:not(.alignfull):not([class*="dsgo-hide-"]),
.dsgo-icon-button.alignleft:not(.alignfull):not([class*="dsgo-hide-"]) {
  display: flex !important;
  float: none !important;
  margin-right: auto;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.dsgo-icon-button.alignright:not(.alignfull):not([class*="dsgo-hide-"]) {
  display: flex !important;
  float: none !important;
  margin-left: auto;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.dsgo-icon-button {
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.dsgo-icon-button:hover {
  opacity: 0.9;
  text-decoration: none !important;
  transform: translateY(-1px);
}
.dsgo-icon-button:active {
  text-decoration: none !important;
  transform: translateY(0);
}
.dsgo-icon-button:focus,
.dsgo-icon-button:focus-within {
  text-decoration: none !important;
}
.dsgo-icon-button__wrapper:focus {
  text-decoration: none !important;
}
.dsgo-icon-button__wrapper:active {
  text-decoration: none !important;
  transform: translateY(0);
}
.dsgo-icon-button--has-icon {
  gap: var(--dsgo-icon-button-gap, var(--wp--custom--designsetgo--icon-button--gap, 8px));
}
.dsgo-icon-button__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: calc(
    var(--dsgo-icon-button-size, var(--wp--custom--designsetgo--icon-button--default-size, 20)) *
      1px
  );
  justify-content: center;
  width: calc(
    var(--dsgo-icon-button-size, var(--wp--custom--designsetgo--icon-button--default-size, 20)) *
      1px
  );
}
.dsgo-icon-button__icon svg {
  display: block;
  fill: currentcolor;
  height: 100%;
  width: 100%;
}
.dsgo-icon-button__text {
  flex: 1 0 auto;
  white-space: nowrap;
}
:root .wp-block-designsetgo-icon-button.is-style-outline .dsgo-icon-button.wp-block-button__link {
  background-color: transparent;
  border: 2px solid;
  color: currentcolor;
}
.dsgo-flex--has-hover-button:hover
  .dsgo-flex__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-flex[style*="--dsgo-parent-hover-button-bg"]:hover
  .dsgo-flex__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-grid--has-hover-button:hover
  .dsgo-grid__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-grid[style*="--dsgo-parent-hover-button-bg"]:hover
  .dsgo-grid__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-stack--has-hover-button:hover
  .dsgo-stack__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-stack[style*="--dsgo-parent-hover-button-bg"]:hover
  .dsgo-stack__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button {
  background-color: var(--dsgo-parent-hover-button-bg) !important;
  transition: background-color 0.3s ease;
}
.dsgo-icon-button:not([class*="dsgo-icon-button--"]):hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"]:not([class*="dsgo-icon-button--"]):hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition: background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--zoom-in:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--zoom-in:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    transform 0.3s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--lift:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--lift:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    transform 0.5s ease,
    box-shadow 0.5s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--shrink:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--shrink:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    transform 0.4s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--border-pulse:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--border-pulse:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    border-width 0.3s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--border-glow:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--border-glow:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    all 0.3s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--slide-down:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button.dsgo-icon-button--slide-left:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button.dsgo-icon-button--slide-right:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button.dsgo-icon-button--slide-up:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--slide-down:hover,
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--slide-left:hover,
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--slide-right:hover,
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--slide-up:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition: background-color 0.1s ease 0.3s;
}
.dsgo-icon-button:hover .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-color"],
.dsgo-icon-button[style*="--dsgo-button-hover-color"]:hover {
  color: var(--dsgo-button-hover-color) !important;
  transition: color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  content: "";
  height: 100%;
  left: -150%;
  position: absolute;
  top: 0;
  transform: skewX(-20deg);
  transform-origin: top left;
  transition: left 0.5s ease;
  width: 150%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--fill-diagonal .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal:hover:before {
  left: 0;
}
.dsgo-icon-button.dsgo-icon-button--zoom-in {
  transform: scale(1);
  transition: transform 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--zoom-in:hover {
  opacity: 1;
  transform: scale(1.05);
}
.dsgo-icon-button.dsgo-icon-button--slide-left {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--slide-left:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--slide-left:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  content: "";
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  transition: right 0.3s ease;
  width: 100%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-left .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--slide-left .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--slide-left:hover:before {
  right: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-right {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--slide-right:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--slide-right:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transition: left 0.3s ease;
  width: 100%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-right .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--slide-right .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--slide-right:hover:before {
  left: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-down {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--slide-down:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--slide-down:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: -100%;
  transition: top 0.3s ease;
  width: 100%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-down .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--slide-down .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--slide-down:hover:before {
  top: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-up {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--slide-up:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--slide-up:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  bottom: -100%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  transition: bottom 0.3s ease;
  width: 100%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-up .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--slide-up .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--slide-up:hover:before {
  bottom: 0;
}
.dsgo-icon-button.dsgo-icon-button--border-pulse {
  transition: box-shadow 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--border-pulse:hover {
  animation: dsgo-border-pulse 1s ease infinite;
  opacity: 1;
  transform: none;
}
@keyframes dsgo-border-pulse {
  0%,
  to {
    box-shadow: 0 0 0 0 currentcolor;
  }
  50% {
    box-shadow: 0 0 0 4px currentcolor;
  }
}
.dsgo-icon-button.dsgo-icon-button--border-glow {
  position: relative;
  transition: all 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--border-glow:hover {
  box-shadow:
    0 0 15px currentcolor,
    0 0 30px currentcolor,
    0 0 45px currentcolor;
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--lift {
  transform: translateY(0);
  transition:
    transform 0.5s ease,
    box-shadow 0.5s ease;
}
.dsgo-icon-button.dsgo-icon-button--lift:hover {
  box-shadow:
    0 10px 25px rgba(0, 0, 0, 0.2),
    0 6px 12px rgba(0, 0, 0, 0.15);
  opacity: 1;
  transform: translateY(-8px);
}
.dsgo-icon-button.dsgo-icon-button--shrink {
  transform: scale(1);
  transition: transform 0.4s ease;
}
.dsgo-icon-button.dsgo-icon-button--shrink:hover {
  opacity: 1;
  transform: scale(0.95);
}
.dsgo-icon-button.dsgo-icon-button--no-hover:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button--width-auto .dsgo-icon-button__wrapper {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.dsgo-icon-button .dsgo-icon-button__wrapper {
  position: relative;
}
.dsgo-icon-button .dsgo-icon-button__wrapper:not(a):after {
  content: "🔗";
  display: none;
  font-size: 12px;
  opacity: 0.3;
  position: absolute;
  right: -8px;
  top: -8px;
}
.dsgo-icon-button.is-selected .dsgo-icon-button__wrapper:not(a):after {
  display: block;
}
.dsgo-icon-button .dsgo-icon-button__text {
  margin: 0;
  padding: 0;
}
.dsgo-icon-button .dsgo-icon-button__text[data-rich-text-placeholder]:before {
  opacity: 0.6;
}
.dsgo-flex--has-hover-button:hover .dsgo-flex__inner > .dsgo-icon-button .dsgo-icon-button__wrapper,
.dsgo-flex[style*="--dsgo-parent-hover-button-bg"]:hover
  .dsgo-flex__inner
  > .dsgo-icon-button
  .dsgo-icon-button__wrapper,
.dsgo-grid--has-hover-button:hover .dsgo-grid__inner > .dsgo-icon-button .dsgo-icon-button__wrapper,
.dsgo-grid[style*="--dsgo-parent-hover-button-bg"]:hover
  .dsgo-grid__inner
  > .dsgo-icon-button
  .dsgo-icon-button__wrapper,
.dsgo-stack--has-hover-button:hover
  .dsgo-stack__inner
  > .dsgo-icon-button
  .dsgo-icon-button__wrapper,
.dsgo-stack[style*="--dsgo-parent-hover-button-bg"]:hover
  .dsgo-stack__inner
  > .dsgo-icon-button
  .dsgo-icon-button__wrapper {
  background-color: var(--dsgo-parent-hover-button-bg) !important;
  transition: background-color 0.3s ease;
}
.dsgo-fifty-fifty .dsgo-icon-button,
.dsgo-grid .dsgo-icon-button,
.dsgo-slide .dsgo-icon-button {
  height: auto !important;
}
:where(.dsgo-icon-button) {
  border-radius: 9999px;
}
.dsgo-icon-button {
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-decoration: none !important;
  width: auto;
}
.dsgo-icon-button,
.dsgo-icon-button.wp-block-button__link {
  display: inline-flex;
}
.dsgo-icon-button--icon-end {
  flex-direction: row-reverse;
}
.dsgo-icon-button--full-width {
  display: flex;
  width: 100%;
}
.dsgo-icon-button.alignfull:not([class*="dsgo-hide-"]) {
  display: flex !important;
  max-width: 100% !important;
  width: 100% !important;
}
.dsgo-icon-button.aligncenter:not(.alignfull):not([class*="dsgo-hide-"]) {
  margin-left: auto;
}
.dsgo-icon-button.aligncenter:not(.alignfull):not([class*="dsgo-hide-"]),
.dsgo-icon-button.alignleft:not(.alignfull):not([class*="dsgo-hide-"]) {
  display: flex !important;
  float: none !important;
  margin-right: auto;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.dsgo-icon-button.alignright:not(.alignfull):not([class*="dsgo-hide-"]) {
  display: flex !important;
  float: none !important;
  margin-left: auto;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.dsgo-icon-button {
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.dsgo-icon-button:hover {
  opacity: 0.9;
  text-decoration: none !important;
  transform: translateY(-1px);
}
.dsgo-icon-button:active {
  text-decoration: none !important;
  transform: translateY(0);
}
.dsgo-icon-button:focus,
.dsgo-icon-button:focus-within {
  text-decoration: none !important;
}
.dsgo-icon-button__wrapper:focus {
  text-decoration: none !important;
}
.dsgo-icon-button__wrapper:active {
  text-decoration: none !important;
  transform: translateY(0);
}
.dsgo-icon-button--has-icon {
  gap: var(--dsgo-icon-button-gap, var(--wp--custom--designsetgo--icon-button--gap, 8px));
}
.dsgo-icon-button__icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: calc(
    var(--dsgo-icon-button-size, var(--wp--custom--designsetgo--icon-button--default-size, 20)) *
      1px
  );
  justify-content: center;
  width: calc(
    var(--dsgo-icon-button-size, var(--wp--custom--designsetgo--icon-button--default-size, 20)) *
      1px
  );
}
.dsgo-icon-button__icon svg {
  display: block;
  fill: currentcolor;
  height: 100%;
  width: 100%;
}
.dsgo-icon-button__text {
  flex: 1 0 auto;
  white-space: nowrap;
}
:root .wp-block-designsetgo-icon-button.is-style-outline .dsgo-icon-button.wp-block-button__link {
  background-color: transparent;
  border: 2px solid;
  color: currentcolor;
}
.dsgo-flex--has-hover-button:hover
  .dsgo-flex__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-flex[style*="--dsgo-parent-hover-button-bg"]:hover
  .dsgo-flex__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-grid--has-hover-button:hover
  .dsgo-grid__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-grid[style*="--dsgo-parent-hover-button-bg"]:hover
  .dsgo-grid__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-stack--has-hover-button:hover
  .dsgo-stack__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button,
.dsgo-stack[style*="--dsgo-parent-hover-button-bg"]:hover
  .dsgo-stack__inner
  > .wp-block-designsetgo-icon-button
  .dsgo-icon-button {
  background-color: var(--dsgo-parent-hover-button-bg) !important;
  transition: background-color 0.3s ease;
}
.dsgo-icon-button:not([class*="dsgo-icon-button--"]):hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"]:not([class*="dsgo-icon-button--"]):hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition: background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--zoom-in:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--zoom-in:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    transform 0.3s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--lift:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--lift:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    transform 0.5s ease,
    box-shadow 0.5s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--shrink:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--shrink:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    transform 0.4s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--border-pulse:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--border-pulse:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    border-width 0.3s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--border-glow:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--border-glow:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition:
    all 0.3s ease,
    background-color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--slide-down:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button.dsgo-icon-button--slide-left:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button.dsgo-icon-button--slide-right:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button.dsgo-icon-button--slide-up:hover
  .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-bg"],
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--slide-down:hover,
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--slide-left:hover,
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--slide-right:hover,
.dsgo-icon-button[style*="--dsgo-button-hover-bg"].dsgo-icon-button--slide-up:hover {
  background-color: var(--dsgo-button-hover-bg) !important;
  opacity: 1;
  transition: background-color 0.1s ease 0.3s;
}
.dsgo-icon-button:hover .dsgo-icon-button__wrapper[style*="--dsgo-button-hover-color"],
.dsgo-icon-button[style*="--dsgo-button-hover-color"]:hover {
  color: var(--dsgo-button-hover-color) !important;
  transition: color 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  content: "";
  height: 100%;
  left: -150%;
  position: absolute;
  top: 0;
  transform: skewX(-20deg);
  transform-origin: top left;
  transition: left 0.5s ease;
  width: 150%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--fill-diagonal .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--fill-diagonal:hover:before {
  left: 0;
}
.dsgo-icon-button.dsgo-icon-button--zoom-in {
  transform: scale(1);
  transition: transform 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--zoom-in:hover {
  opacity: 1;
  transform: scale(1.05);
}
.dsgo-icon-button.dsgo-icon-button--slide-left {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--slide-left:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--slide-left:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  content: "";
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  transition: right 0.3s ease;
  width: 100%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-left .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--slide-left .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--slide-left:hover:before {
  right: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-right {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--slide-right:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--slide-right:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transition: left 0.3s ease;
  width: 100%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-right .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--slide-right .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--slide-right:hover:before {
  left: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-down {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--slide-down:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--slide-down:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: -100%;
  transition: top 0.3s ease;
  width: 100%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-down .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--slide-down .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--slide-down:hover:before {
  top: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-up {
  position: relative;
}
.dsgo-icon-button.dsgo-icon-button--slide-up:hover {
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--slide-up:before {
  background-color: var(--dsgo-button-hover-bg, rgba(0, 0, 0, 0.15));
  bottom: -100%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  transition: bottom 0.3s ease;
  width: 100%;
  z-index: 0;
}
.dsgo-icon-button.dsgo-icon-button--slide-up .dsgo-icon-button__icon,
.dsgo-icon-button.dsgo-icon-button--slide-up .dsgo-icon-button__text {
  position: relative;
  z-index: 1;
}
.dsgo-icon-button.dsgo-icon-button--slide-up:hover:before {
  bottom: 0;
}
.dsgo-icon-button.dsgo-icon-button--border-pulse {
  transition: box-shadow 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--border-pulse:hover {
  animation: dsgo-border-pulse 1s ease infinite;
  opacity: 1;
  transform: none;
}
@keyframes dsgo-border-pulse {
  0%,
  to {
    box-shadow: 0 0 0 0 currentcolor;
  }
  50% {
    box-shadow: 0 0 0 4px currentcolor;
  }
}
.dsgo-icon-button.dsgo-icon-button--border-glow {
  position: relative;
  transition: all 0.3s ease;
}
.dsgo-icon-button.dsgo-icon-button--border-glow:hover {
  box-shadow:
    0 0 15px currentcolor,
    0 0 30px currentcolor,
    0 0 45px currentcolor;
  opacity: 1;
  transform: none;
}
.dsgo-icon-button.dsgo-icon-button--lift {
  transform: translateY(0);
  transition:
    transform 0.5s ease,
    box-shadow 0.5s ease;
}
.dsgo-icon-button.dsgo-icon-button--lift:hover {
  box-shadow:
    0 10px 25px rgba(0, 0, 0, 0.2),
    0 6px 12px rgba(0, 0, 0, 0.15);
  opacity: 1;
  transform: translateY(-8px);
}
.dsgo-icon-button.dsgo-icon-button--shrink {
  transform: scale(1);
  transition: transform 0.4s ease;
}
.dsgo-icon-button.dsgo-icon-button--shrink:hover {
  opacity: 1;
  transform: scale(0.95);
}
.dsgo-icon-button.dsgo-icon-button--no-hover:hover {
  opacity: 1;
  transform: none;
}