/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/app-subscription-block/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/* Responsive Queries
========================================================= */
/* Media Breakpoints
========================================================= */
/* Between Breakpoints
========================================================= */
/* Color VARs
========================================================= */
/* Color VARs (values defined in theme.json)
========================================================= */
/* Fonts (fonts defined in theme.json)
========================================================= */
/* EM to PX
========================================================= */
/* REM to PX
========================================================= */
/* BG Image
========================================================= */
/* Padding - Global Rows
========================================================= */
/* Easing
======================================================== */
/* Global Transition ( property, duration, easing )
========================================================= */
/* Font Awesome 5 ( needs content specified )
========================================================= */
/* Clamp Dynamic Resize
========================================================= */
/* Additional Helper Mixins
========================================================= */
/* Button ( color, background, border )
========================================================= */
/* Box Shadow
========================================================= */
/* Caret Links
========================================================= */
/* Tag
========================================================= */
.app-subscription-block {
  text-align: center;
}
.app-subscription-block.small .images figure {
  max-width: 160px;
}
.app-subscription-block.large .lower {
  position: relative;
}
.app-subscription-block.large .images figure {
  max-width: 110px;
}
@media only screen and (min-width: 769px) {
  .app-subscription-block.large .images {
    position: absolute;
    top: 30px;
    right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .app-subscription-block.large .lower {
    display: flex;
    flex-direction: column-reverse;
  }
}
.app-subscription-block h2 {
  font-size: var(--wp--preset--font-size--large) !important;
}
.app-subscription-block .images {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px 10px;
  margin-top: 40px;
}
.app-subscription-block img {
  display: block;
  width: 100%;
  margin-bottom: 0;
}

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