/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/icon/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
/*=================================================
  *  BREAKPOINTS
  =================================================== */
/*=======================================
* MEDIA MAX
*=======================================*/
/*=======================================
* MEDIA MIN
*=======================================*/
/*=======================================
* MEDIA ONLY
*=======================================*/
/*=======================================
* MEDIA RANGE
*=======================================*/
.rt-icon {
  line-height: 1;
}
.rt-icon svg {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentcolor;
}
.rt-icon a {
  fill: currentColor;
  color: currentColor;
  display: inline-block;
  transition: transform 0.1s ease;
}
.rt-icon a:hover {
  transform: scale(1.1);
}

.rt-icon.is-style-stacked {
  border-radius: 50%;
  padding: 0.3em;
  background-color: var(--wp--preset--color--foreground);
  display: inline-flex;
}
.rt-icon.is-style-framed {
  border-radius: 50%;
  padding: 0.3em;
  display: inline-flex;
  border: 1px solid currentColor;
}

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