/**
 * Buttons block styles
 *
 * Block Type: core/buttons
 */
/**
 * Sass variables
 *
 * All useful sass global variables.
 */
/**
 * Mixins
 *
 * All useful mixins.
 */
.wp-element-button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.wp-block-buttons[class*="wp-container-"].wp-block-buttons-is-layout-flex > .wp-block-button > .wp-block-button__link {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 480px) {
  .wp-block-button, .wp-block-button .wp-block-button__link {
    width: 100%;
  }
}

.wp-block-button.octopods-button-link:not(.has-background) .wp-block-button__link {
  background: none;
}

.wp-block-button.octopods-button-link:not(.has-text-color) .wp-block-button__link {
  color: inherit;
}

.wp-block-button.octopods-button-link:not(.has-text-color) .wp-block-button__link:hover {
  color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-arrow .wp-block-button__link:after {
  -webkit-mask-image: var(--wp--custom--arrow--right);
          mask-image: var(--wp--custom--arrow--right);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: auto;
          mask-size: auto;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: currentColor;
  color: inherit;
  width: 1.4em;
  height: auto;
  aspect-ratio: 1;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: .35em;
  transition: transform .25s ease-in-out;
  position: relative;
}

.wp-block-button.is-style-arrow .wp-block-button__link:hover:after {
  transform: translate3d(0.4em, 0, 0);
}

.wp-block-button[style*="font-weight"] .wp-block-button__link {
  font-weight: inherit;
}

.wp-block-button[style*="font-style"] .wp-block-button__link {
  font-style: inherit;
}

.wp-block-button[class*="-font-family"] .wp-block-button__link {
  font-family: inherit;
}

.octopods-back-to-top {
  transition: opacity .2s ease-in-out;
}

.octopods-back-to-top .wp-element-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-height: 50px;
  min-width: 50px;
  position: relative;
}

.octopods-back-to-top .wp-element-button:before {
  content: '';
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11 8.414V18h2V8.414l4.293 4.293 1.414-1.414L12 4.586l-6.707 6.707 1.414 1.414z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11 8.414V18h2V8.414l4.293 4.293 1.414-1.414L12 4.586l-6.707 6.707 1.414 1.414z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 22px;
  height: 22px;
  background-color: currentColor;
}

.octopods-back-to-top .wp-element-button[style*="0000004d"]:hover {
  opacity: .7;
}

.octopods-back-to-top.octopods-back-to-top--hidden {
  opacity: 0;
  pointer-events: none;
}

.octopods-buttons-fixed {
  position: fixed !important;
  z-index: 9999;
  bottom: var(--wp--preset--spacing--x-small);
}

.octopods-buttons-fixed, .octopods-buttons-fixed.is-content-justification-right {
  right: var(--wp--preset--spacing--x-small);
}

.octopods-buttons-fixed.is-content-justification-center {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.octopods-buttons-fixed.is-content-justification-left {
  right: auto;
  left: var(--wp--preset--spacing--x-small);
}