/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/frontend/sections/floating-card/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
section.wp-block-section-floating-card {
  display: grid;
  gap: 48px;
  margin-top: -100px;
  background: #ffffff;
  border-radius: 32px;
  box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
section.wp-block-section-floating-card *:not(p) {
  margin: unset;
}
section.wp-block-section-floating-card .mainGroup {
  display: flex;
  gap: 20px;
}
section.wp-block-section-floating-card .mainGroup .section {
  display: grid;
  gap: 16px;
  justify-items: center;
}
section.wp-block-section-floating-card .mainGroup .section figure {
  background-color: black;
  border-radius: 8px;
  padding: 4px;
  height: 32px;
}
section.wp-block-section-floating-card .mainGroup .section figure img {
  height: 24px;
  width: 24px;
}
section.wp-block-section-floating-card .mainGroup .section-divider {
  background: linear-gradient(to bottom, #ffffff, #c3c3c3, #ffffff);
  width: 2px;
}
@media (max-width: 698px) {
  section.wp-block-section-floating-card {
    margin-top: -16px;
  }
  section.wp-block-section-floating-card .mainGroup {
    display: grid;
  }
  section.wp-block-section-floating-card .mainGroup .section-divider {
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, #ffffff, #c3c3c3, #ffffff);
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/frontend/sections/floating-card/editor.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */
section {
  position: relative !important;
}
