/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/templates/paragraph/icon-link/component/paragraph.icon-link.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.icon-link a {
  display: inline;
  text-decoration-line: var(--_animate-text-decoration--line);
  text-decoration-thickness: var(--animate-text-decoration--thickness, 1px);
  text-underline-offset: var(--_animate-text-decoration--offset, 0.25em);
  text-decoration-color: var(--animation-text-decoration-color, var(--underline--color));
}
.icon-link a {
  --_animate-text-decoration--line: underline;
}

.icon-link a:hover, .icon-link a:focus {
  text-decoration-line: var(--_animate-text-decoration--line--active, var(--_animate-text-decoration--line, underline));
  text-decoration-thickness: var(--animate-text-decoration--thickness--active, var(--animate-text-decoration--thickness, 1px));
  text-underline-offset: var(--_animate-text-decoration--offset--active, var(--_animate-text-decoration--offset, 0.125em));
}

.icon-link {
  --svg--path--fill: var(--accent--color);
  display: flex;
  align-items: center;
}
.icon-link a {
  --a--margin: 0 0 0 0.5em;
}