/* Default Button Style */
:root :where(.wp-element-button, .wp-block-button__link) {
  --btn-border-radius: 0;
  --btn-border-width: 2px;
  --btn-border-style: solid;
  --btn-padding-block: 15px;
  --btn-padding-inline: 30px;
  /* Default Hover */
  --btn-color-bg-hover: var(--wp--preset--color--neutral-12);
  --btn-color-text-hover: var(--wp--preset--color--light);
  --btn-border-color-hover: var(--wp--preset--color--neutral-12);
  /* Default Focus */
  --btn-color-bg-focus: var(--wp--preset--color--neutral-12);
  --btn-color-text-focus: var(--wp--preset--color--light);
  --btn-border-color-focus: var(--wp--preset--color--neutral-12);
  --btn-outline-color: var(--wp--preset--color--secondary);
  --btn-outline-width: 2px;
  /* Default Active */
  --btn-color-bg-active: var(--wp--preset--color--primary);
  --btn-color-text-active: var(--wp--preset--color--light);
  --btn-border-color-active: var(--wp--preset--color--primary);
}

/* Secondary Button */
.is-style-secondary-button .wp-block-button__link {
  background-color: var(--wp--preset--color--light);
  color: var(--wp--preset--color--dark);
  border-color: var(--wp--preset--color--light);
  border-width: var(--btn-border-width);
}
.is-style-secondary-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--dark);
  color: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--dark);
}

.is-style-secondary-dark-button .wp-block-button__link {
  background-color: var(--wp--preset--color--dark);
  color: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--dark);
  border-width: var(--btn-border-width);
}
.is-style-secondary-dark-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--light);
  color: var(--wp--preset--color--dark);
  border-color: var(--wp--preset--color--dark);
}

/* Text Button */
.is-button-width-full {
  width: 100%;
}
.is-button-width-full::after {
  margin-left: auto !important;
}

.is-style-text-button.has-button-arrow-left::after {
  display: none;
}
.is-style-text-button.has-button-arrow-left::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDk0MTQgMC40ODYzNDhDOC44ODQ1NyAwLjA5NTkyMjkgOS41MTc2NiAwLjA5NjEyMSA5LjkwODIgMC40ODYzNDhMMTYuMjcyNSA2Ljg1MDYxQzE2LjY2MyA3LjI0MTEzIDE2LjY2MyA3Ljg3NDE0IDE2LjI3MjUgOC4yNjQ2N0w5LjkwODIgMTQuNjI4OUM5LjUxNzY2IDE1LjAxOTIgOC44ODQ1NyAxNS4wMTk0IDguNDk0MTQgMTQuNjI4OUM4LjEwMzcyIDE0LjIzODUgOC4xMDM5MSAxMy42MDU0IDguNDk0MTQgMTMuMjE0OUwxMy4xNTE0IDguNTU3NjRIMC41NjU0M1Y2LjU1NzY0SDEzLjE1MTRMOC40OTQxNCAxLjkwMDQxQzguMTAzOTEgMS41MDk4NiA4LjEwMzcyIDAuODc2Nzc0IDguNDk0MTQgMC40ODYzNDhaIiBmaWxsPSIjMzE4M0M1Ii8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  margin-right: 15px;
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}
.is-style-text-button.has-button-arrow-left:hover::before {
  position: relative;
  transform: translateX(-5px) rotate(180deg);
}

.is-style-text-button {
  display: flex !important;
  align-items: center;
}
.is-style-text-button .wp-block-button__link {
  text-align: unset;
  width: unset;
  background-color: transparent;
  color: #313D4C;
  border-color: transparent;
  border-width: 0;
  font-size: clamp(1.25rem, 1.096rem + 0.6573vw, 1.6875rem);
  font-weight: 500;
  padding: 0 !important;
  position: relative;
  line-height: 1.5;
}
.is-style-text-button .wp-block-button__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #313D4C;
}
.is-style-text-button::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 14px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNDk0MTQgMC40ODYzNDhDOC44ODQ1NyAwLjA5NTkyMjkgOS41MTc2NiAwLjA5NjEyMSA5LjkwODIgMC40ODYzNDhMMTYuMjcyNSA2Ljg1MDYxQzE2LjY2MyA3LjI0MTEzIDE2LjY2MyA3Ljg3NDE0IDE2LjI3MjUgOC4yNjQ2N0w5LjkwODIgMTQuNjI4OUM5LjUxNzY2IDE1LjAxOTIgOC44ODQ1NyAxNS4wMTk0IDguNDk0MTQgMTQuNjI4OUM4LjEwMzcyIDE0LjIzODUgOC4xMDM5MSAxMy42MDU0IDguNDk0MTQgMTMuMjE0OUwxMy4xNTE0IDguNTU3NjRIMC41NjU0M1Y2LjU1NzY0SDEzLjE1MTRMOC40OTQxNCAxLjkwMDQxQzguMTAzOTEgMS41MDk4NiA4LjEwMzcyIDAuODc2Nzc0IDguNDk0MTQgMC40ODYzNDhaIiBmaWxsPSIjMzE4M0M1Ii8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  margin-left: 15px;
  transition: transform 0.3s ease-in-out;
}
.is-style-text-button:hover::after {
  position: relative;
  transform: translateX(5px);
}

/* Outline Button */
:root :where(.wp-block-button.is-style-outline .wp-block-button__link) {
  --btn-color-bg: transparent;
  --btn-color-text: var(--wp--preset--color--neutral-12);
  --btn-border-color: var(--wp--preset--color--neutral-10);
}

:root :where(.wp-block-button.is-style-outline .wp-block-button__link:hover) {
  --btn-color-bg: var(--wp--preset--color--neutral-6);
  --btn-border-color: var(--wp--preset--color--neutral-6);
}

.is-style-rounded-button .wp-block-button__link {
  padding-block: 9px;
  padding-inline: 14px;
  background-color: var(--wp--preset--color--light);
  color: var(--wp--preset--color--dark);
  border-color: #E3E3E3;
  border-radius: 99rem;
  display: flex;
  align-items: center;
}
.is-style-rounded-button .wp-block-button__link::after {
  content: "";
  display: block;
  width: 14px;
  height: 9px;
  border-radius: var(--wp--custom--block--button--border-radius);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzk1NDEgMC43NTc4MjhDOS4wMjk3MiAwLjUyMzUxNCA5LjQwODc1IDAuNTIzNTE0IDkuNjQzMDcgMC43NTc4MjhMMTMuNDYxNCA0LjU3NjE5QzEzLjY5NTcgNC44MTA1IDEzLjY5NTcgNS4xODk1MyAxMy40NjE0IDUuNDIzODRMOS42NDMwNyA5LjI0MjJDOS40MDg3NSA5LjQ3NjUyIDkuMDI5NzIgOS40NzY1MiA4Ljc5NTQxIDkuMjQyMkM4LjU2MTEgOS4wMDc4OSA4LjU2MTEgOC42Mjg4NiA4Ljc5NTQxIDguMzk0NTVMMTEuNTg5NCA1LjU5OTYzSDAuNTM3NTk4VjQuNDAwNDFIMTEuNTg5NEw4Ljc5NTQxIDEuNjA1NDhDOC41NjExIDEuMzcxMTcgOC41NjExIDAuOTkyMTQzIDguNzk1NDEgMC43NTc4MjhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  margin-left: 8px;
}
.is-style-rounded-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--dark);
  color: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--dark);
}
.is-style-rounded-button .wp-block-button__link:hover::after {
  filter: invert(1);
}

.wp-block-buttons.scroll > .is-style-rounded-button:nth-child(2) .wp-block-button__link,
.is-style-rounded-dark-button .wp-block-button__link {
  padding-block: 9px;
  padding-inline: 14px;
  background-color: var(--wp--preset--color--dark);
  color: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--dark);
  border-radius: 99rem;
  display: flex;
  align-items: center;
}
.wp-block-buttons.scroll > .is-style-rounded-button:nth-child(2) .wp-block-button__link::after,
.is-style-rounded-dark-button .wp-block-button__link::after {
  content: "";
  display: block;
  width: 14px;
  height: 9px;
  border-radius: var(--wp--custom--block--button--border-radius);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzk1NDEgMC43NTc4MjhDOS4wMjk3MiAwLjUyMzUxNCA5LjQwODc1IDAuNTIzNTE0IDkuNjQzMDcgMC43NTc4MjhMMTMuNDYxNCA0LjU3NjE5QzEzLjY5NTcgNC44MTA1IDEzLjY5NTcgNS4xODk1MyAxMy40NjE0IDUuNDIzODRMOS42NDMwNyA5LjI0MjJDOS40MDg3NSA5LjQ3NjUyIDkuMDI5NzIgOS40NzY1MiA4Ljc5NTQxIDkuMjQyMkM4LjU2MTEgOS4wMDc4OSA4LjU2MTEgOC42Mjg4NiA4Ljc5NTQxIDguMzk0NTVMMTEuNTg5NCA1LjU5OTYzSDAuNTM3NTk4VjQuNDAwNDFIMTEuNTg5NEw4Ljc5NTQxIDEuNjA1NDhDOC41NjExIDEuMzcxMTcgOC41NjExIDAuOTkyMTQzIDguNzk1NDEgMC43NTc4MjhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  margin-left: 8px;
  filter: invert(1);
}
.wp-block-buttons.scroll > .is-style-rounded-button:nth-child(2) .wp-block-button__link:hover,
.is-style-rounded-dark-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--light);
  color: var(--wp--preset--color--dark);
  border-color: var(--wp--preset--color--dark);
}
.wp-block-buttons.scroll > .is-style-rounded-button:nth-child(2) .wp-block-button__link:hover::after,
.is-style-rounded-dark-button .wp-block-button__link:hover::after {
  filter: invert(0);
}

.wp-block-buttons.scroll > .is-style-rounded-button:nth-child(1) .wp-block-button__link,
.is-style-rounded-outline-button .wp-block-button__link {
  padding-block: 9px;
  padding-inline: 14px;
  background-color: var(--wp--preset--color--light);
  color: var(--wp--preset--color--dark);
  border-color: var(--wp--preset--color--dark);
  border-radius: 99rem;
  display: flex;
  align-items: center;
}
.wp-block-buttons.scroll > .is-style-rounded-button:nth-child(1) .wp-block-button__link::after,
.is-style-rounded-outline-button .wp-block-button__link::after {
  content: "";
  display: block;
  width: 14px;
  height: 9px;
  border-radius: var(--wp--custom--block--button--border-radius);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzk1NDEgMC43NTc4MjhDOS4wMjk3MiAwLjUyMzUxNCA5LjQwODc1IDAuNTIzNTE0IDkuNjQzMDcgMC43NTc4MjhMMTMuNDYxNCA0LjU3NjE5QzEzLjY5NTcgNC44MTA1IDEzLjY5NTcgNS4xODk1MyAxMy40NjE0IDUuNDIzODRMOS42NDMwNyA5LjI0MjJDOS40MDg3NSA5LjQ3NjUyIDkuMDI5NzIgOS40NzY1MiA4Ljc5NTQxIDkuMjQyMkM4LjU2MTEgOS4wMDc4OSA4LjU2MTEgOC42Mjg4NiA4Ljc5NTQxIDguMzk0NTVMMTEuNTg5NCA1LjU5OTYzSDAuNTM3NTk4VjQuNDAwNDFIMTEuNTg5NEw4Ljc5NTQxIDEuNjA1NDhDOC41NjExIDEuMzcxMTcgOC41NjExIDAuOTkyMTQzIDguNzk1NDEgMC43NTc4MjhaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  margin-left: 8px;
}
.wp-block-buttons.scroll > .is-style-rounded-button:nth-child(1) .wp-block-button__link:hover,
.is-style-rounded-outline-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--dark);
  color: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--dark);
}
.wp-block-buttons.scroll > .is-style-rounded-button:nth-child(1) .wp-block-button__link:hover::after,
.is-style-rounded-outline-button .wp-block-button__link:hover::after {
  filter: invert(1);
}