/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/cpao_fol_storefront/cartridge/client/default/scss/experience/components/commerceAssets/learningOptionsBanner.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
i.icon-arrow {
  background-color: white;
  -webkit-mask-image: url("/images/right_arrow.svg");
          mask-image: url("/images/right_arrow.svg"); }

/* div[class*="-icon"] > svg {
    fill: white;
    color: white;
} */
div.purple {
  background-color: #003DA6; }

div.green {
  background-color: #002453; }

div.red {
  background-color: #003DA6; }

div.celtic-blue-tile {
  background-color: #002453; }

a.block-link:hover {
  text-decoration: none;
  /* & div[class*="-icon"] > svg {
            fill: $dark-blue;
            //color: #002453;
        } */ }
  a.block-link:hover > div {
    color: #002453; }
    a.block-link:hover > div.purple {
      background-color: #fff; }
    a.block-link:hover > div.green {
      background-color: #fff; }
    a.block-link:hover > div.red {
      background-color: #fff;
      border: 0.125rem solid #002453; }
    a.block-link:hover > div.celtic-blue-tile {
      background-color: #fff; }

.main-path {
  fill: none;
  stroke: white !important;
  stroke-width: 2;
  stroke-miterlimit: 10; }

a.block-link:hover svg .main-path {
  stroke: #002453 !important;
  fill: white; }

.arrow-path {
  fill: white !important; }

a.block-link:hover svg .arrow-path {
  fill: #002453 !important; }

div.celtic-blue-tile {
  border: 0.125rem solid #002453; }

div.purple:hover {
  outline: 0.125rem solid #002453; }

div.green:hover {
  outline: 0.125rem solid #002453; }


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