.wp-block-button .wp-element-button {
  isolation: isolate;
  font-weight: 700;
  padding: 0px;
  position: relative;
  border-radius: 0px;
  background-color: transparent;
  padding-bottom: 3px;
  padding-right: 1.25em;
  border-bottom: rgba(255, 255, 255, 0.6) 2px solid;
  text-align: left;
}
.wp-block-button .wp-element-button::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: currentcolor;
  pointer-events: none;
  transition: width 125ms ease-in-out, height 125ms ease-in-out;
}
.wp-block-button .wp-element-button::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: max(24px, 1em);
  height: max(24px, 1em);
  margin-left: 0.25em;
  background-color: currentcolor;
  position: absolute;
  right: 0em;
  top: calc(50% - max(24px, 1em) / 2);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg>');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: 1em;
}
.wp-block-button .wp-element-button[href^="#"]::before {
  width: 100%;
}
.wp-block-button .wp-element-button[href^="#"]::after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>');
}
.wp-block-button .wp-element-button[target=_blank]::after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>');
}
.wp-block-button .wp-element-button:hover::before {
  width: 100%;
}
.wp-block-button.is-style-padded .wp-element-button {
  padding: 0.5em 0.5em;
  border-bottom: 0px;
  padding-right: 1.75em;
}
.wp-block-button.is-style-padded .wp-element-button::before {
  bottom: 0.4em;
  left: 0.4em;
  max-width: calc(100% - 0.8em);
}
.wp-block-button.is-style-padded .wp-element-button::after {
  right: 0.5em;
}
.wp-block-button.is-style-toggle-list .wp-element-button::after {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>');
}
.wp-block-button.is-style-call-to-action .wp-element-button {
  padding: 0.5em 1em;
  background-color: var(--fortius-color-action, #000);
  color: var(--fortius-color-background, #FFF);
  border: none;
  letter-spacing: -0.5px;
}
.wp-block-button.is-style-call-to-action .wp-element-button::before {
  content: "";
  display: inline-block;
  pointer-events: none;
  position: absolute;
  left: -6px;
  bottom: -6px;
  width: calc(100% - 1em);
  height: calc(100% - 0.5em);
  border-left: var(--fortius-color-action, #000) 3px solid;
  border-bottom: var(--fortius-color-action, #000) 3px solid;
  background-color: transparent;
}
.wp-block-button.is-style-call-to-action .wp-element-button:hover::before {
  width: calc(100% - 1em + 6px);
  height: calc(100% - 0.5em + 6px);
}
.wp-block-button.is-style-menu-button .wp-element-button {
  padding: 0.5em 1em;
  white-space: nowrap;
  border: none;
  letter-spacing: -0.5px;
}
.wp-block-button.is-style-menu-button .wp-element-button::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: max(24px, 1em);
  height: max(24px, 1em);
  margin-right: 0.5em;
  background-color: currentcolor;
  position: relative;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: 1.2em;
  transform: translateY(-0.2em);
}
.wp-block-button.is-style-menu-button .wp-element-button::after {
  display: none;
}

/* MENU OPEN */
body.is-menu-open .wp-block-button.is-style-menu-button .wp-element-button::before {
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>');
}