/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/button/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.pmg-btn {
  align-items: center;
  border-radius: 3em;
  border: 2px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.1em;
  line-height: 120%;
  padding: 1em 2em 0.9em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.25s cubic-bezier(0.66, 0.26, 0.63, 0.86);
  white-space: nowrap;
}
.pmg-btn.borderless {
  border-radius: 0;
  border-width: 0;
  color: #415465;
}
.pmg-btn.box {
  border-radius: 0;
  border-width: 0;
  color: white;
  padding-left: 0;
  padding-right: 0;
}
.pmg-btn.box:after {
  bottom: 4px;
  content: "";
  display: block;
  border-top: 1px solid white;
  position: absolute;
  transition: bottom 0.25s cubic-bezier(0.66, 0.26, 0.63, 0.86);
  width: 100%;
}
.pmg-btn.box.red {
  color: #B24119;
}
.pmg-btn.box.red:after {
  border-top-color: #B24119;
}
.pmg-btn.box:hover:after {
  bottom: 0;
}
.pmg-btn.max-width {
  max-width: 280px;
}
.pmg-btn img {
  margin-right: 0.5rem;
  justify-self: flex-start;
}
.pmg-btn:focus-visible {
  box-shadow: 0 0 0 2px #B24119;
}
.pmg-btn.y2b, .pmg-btn.y2w {
  background-color: #F0C75C;
  color: #415465;
}
.pmg-btn.y2b:hover {
  background-color: #415465;
  color: white;
}
.pmg-btn.y2b {
  border-color: #415465;
}
.pmg-btn.y2w {
  border-color: white;
}
.pmg-btn.y2w:hover {
  background-color: white;
}
.pmg-btn.s2b, .pmg-btn.t2w {
  background-color: #FAF8F3;
  border-color: #415465;
  border-width: 0;
  color: #415465;
  padding: 14px 32px 12.8px;
}
.pmg-btn.t2w {
  background-color: transparent;
  border-color: inherit;
  color: #FAF8F3;
}
.pmg-btn.s2b:before, .pmg-btn.t2w:before {
  border-radius: 3em;
  border: 2px solid transparent;
  border-color: #415465;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.25s cubic-bezier(0.66, 0.26, 0.63, 0.86);
  width: 100%;
}
.pmg-btn.t2w:before {
  border-color: white;
}
.pmg-btn.s2b:hover:before, .pmg-btn.t2w:hover:before {
  border-width: 5px;
}

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