/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./bin/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./bin/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./bin/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./marriott/cartridges/app_mbb_core/cartridge/client/default/scss/experience/components/edition_layouts/hoverCardsContainer.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/at-mixin-argumentless-call-parentheses */
/* stylelint-disable selector-not-notation */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
/* stylelint-disable declaration-empty-line-before */
/* conversion for px to rem */
/**
  *
  * MBB Custom Button Variables
  *
**/
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/at-mixin-argumentless-call-parentheses */
/* stylelint-disable selector-not-notation */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
/* stylelint-disable declaration-empty-line-before */
/* conversion for px to rem */
.hover-card-layout-container {
  margin-top: 1rem;
  margin-right: 0rem;
  margin-bottom: 1rem;
  margin-left: 0rem;
}
@media (min-width: 1440px) {
  .hover-card-layout-container {
    margin: 0;
  }
}
.hover-card-layout-container .hover-card-layout {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
@media (min-width: 768px) {
  .hover-card-layout-container .hover-card-layout {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
  .hover-card-layout-container .hover-card-layout .experience-edition_assets-hoverCard {
    width: 29rem;
    flex-basis: 29rem;
    flex-grow: 1;
  }
}

/*# sourceMappingURL=hoverCardsContainer.css.map*/