/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-gt-gt-fse-socials {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: var(--social-direction);
  gap: var(--social-gap);
  border-style: initial;
}
.wp-block-gt-gt-fse-socials .gt-fse-socials__item {
  display: block;
  width: var(--social-icon-width);
  height: var(--social-icon-height);
  border-radius: var(--social-icon-border-radius);
  background-color: var(--social-icon-background-color);
  transition: 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--social-icon-border-width) solid var(--social-icon-border-color);
}
.wp-block-gt-gt-fse-socials .gt-fse-socials__item__icon {
  display: block;
  width: 60%;
  height: 60%;
  background-color: var(--social-icon-color);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.wp-block-gt-gt-fse-socials .gt-fse-socials__item:hover {
  transform: scale(1.1);
}

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