/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/big-info-circles/big-info-circle/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.button-info-container{perspective:1000px}.button-info-circle{background:transparent;border:0;border-radius:50%;color:#fff;position:relative;transform-style:preserve-3d;transition:transform 0.5s;aspect-ratio:1/1;width:375px;height:375px}@media (max-width:1024px){.button-info-circle{width:281px;height:281px;margin:0 auto}.button-info-circle img{width:137px;height:137px}}.button-info-circle.focus,.button-info-circle.active{transform:rotateY(180deg)}.button-info-circle .circle-front,.button-info-circle .circle-back{cursor:pointer;align-items:center;backface-visibility:hidden;border-radius:50%;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;padding:50px 50px 0;position:absolute;top:0;width:100%}.button-info-circle .circle-front h3,.button-info-circle .circle-back h3{font-weight:var(--font-weight-semibold)}.button-info-circle .circle-front p,.button-info-circle .circle-back p{margin:0;line-height:34px}@media (max-width:1024px){.button-info-circle .circle-front p,.button-info-circle .circle-back p{line-height:26px}}.button-info-circle .circle-front{background:linear-gradient(180deg,rgba(255,251,251,.15) 0%,rgba(255,251,251,0) 100%)}.button-info-circle .circle-back{background:var(--color-dark-blue);text-align:center;transform:rotateY(180deg);--font-size-h3:var(--font-size-22);font-size:var(--font-size-22)}@media (max-width:1024px){.button-info-circle .circle-back{--font-size-22:16px}}.button-info-circle .circle-back svg{height:2.5px;margin-bottom:23px;width:70px}@media (max-width:1024px){.button-info-circle .circle-back svg{margin-bottom:16px}}.button-info-circle .big-circe-title{--font-size-h3:var(--font-size-22);align-items:baseline;display:flex;grid-gap:9px;margin-bottom:15px}@media (max-width:1024px){.button-info-circle .big-circe-title{--font-size-h3:16px}}.button-info-circle .big-circe-title>h3{margin:0}.button-info-circle .big-circe-title svg{height:13px;width:8px}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/big-info-circles/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.wp-block-freightos-big-info-circles>.container{display:flex;flex-flow:wrap;grid-template-columns:repeat(auto-fit,minmax(280px,375px));grid-gap:1.5rem;justify-content:center}@media (min-width:1024px){.wp-block-freightos-big-info-circles>.container{grid-gap:4rem}}