/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/button-two-lines/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.wp-block-freightos-button-two-lines,
.nav-primary a.wp-block-freightos-button-two-lines {
  text-align: center;
  -moz-appearance: none;
       appearance: none;
  background-color: var(--color-button-background);
  border: var(--border-width-input-field) solid var(--color-button-background);
  border-radius: var(--border-radius-button);
  color: var(--color-button);
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-paragraph);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-semibold);
  line-height: 22px;
  margin-bottom: 0;
  max-width: 320px;
  overflow: hidden;
  padding: calc(15px - var(--border-width-input-field) * 2) calc(22px - var(--border-width-input-field) * 2);
  position: relative;
  text-decoration: none;
  transition: 0.5s all;
  width: auto;
}
@media (max-width: 1024px) {
  .wp-block-freightos-button-two-lines,
  .nav-primary a.wp-block-freightos-button-two-lines {
    width: 100%;
    max-width: 300px;
  }
}
.wp-block-freightos-button-two-lines:hover, .wp-block-freightos-button-two-lines:focus,
.nav-primary a.wp-block-freightos-button-two-lines:hover,
.nav-primary a.wp-block-freightos-button-two-lines:focus {
  background-color: var(--color-button-background-hover);
  border: var(--border-width-input-field) solid var(--color-button-border-hover);
  color: var(--color-button-hover);
}
.wp-block-freightos-button-two-lines .button-text-top,
.nav-primary a.wp-block-freightos-button-two-lines .button-text-top {
  font-weight: var(--font-weight-semibold);
}
.wp-block-freightos-button-two-lines .button-text-bottom,
.nav-primary a.wp-block-freightos-button-two-lines .button-text-bottom {
  font-size: 13px;
}
.wp-block-freightos-button-two-lines.is-style-green,
.nav-primary a.wp-block-freightos-button-two-lines.is-style-green {
  --color-button: var(--color-dark-blue);
}
.wp-block-freightos-button-two-lines.is-style-blue,
.nav-primary a.wp-block-freightos-button-two-lines.is-style-blue {
  --color-button-background: var(--color-dark-blue);
  --color-button-background-hover: var(--color-white);
  --color-button: var(--color-white);
  --color-button-hover: var(--color-dark-blue);
  --color-button-border-hover: var(--color-dark-blue);
}
.wp-block-freightos-button-two-lines.is-style-white,
.nav-primary a.wp-block-freightos-button-two-lines.is-style-white {
  --color-button-background: var(--color-dark-blue);
  --color-button-background-hover: var(--color-white);
  --color-button: var(--color-white);
  --color-button-hover: var(--color-dark-blue);
  --color-button-border-hover: var(--color-dark-blue);
}
.wp-block-freightos-button-two-lines.is-style-white,
.nav-primary a.wp-block-freightos-button-two-lines.is-style-white {
  background: var(--color-white);
  border: 2px solid var(--color-white);
  color: var(--color-dark-blue);
}
.wp-block-freightos-button-two-lines.is-style-white:hover, .wp-block-freightos-button-two-lines.is-style-white:focus,
.nav-primary a.wp-block-freightos-button-two-lines.is-style-white:hover,
.nav-primary a.wp-block-freightos-button-two-lines.is-style-white:focus {
  background: var(--color-dark-blue);
  border: 2px solid var(--color-white);
  color: var(--color-white);
}
.wp-block-freightos-button-two-lines.is-style-ghost,
.nav-primary a.wp-block-freightos-button-two-lines.is-style-ghost {
  --color-button-background: var(--color-white);
  --color-button-background-hover: transparent;
  --color-button: var(--color-dark-blue);
  --color-button-hover: var(--color-white);
  --color-button-border-hover: var(--color-white);
}

/*# sourceMappingURL=style-index.css.map*/