:root {
  --icon--padding: 10px 10px 10px 0;
  --icon--icon--font_size: inherit;
  --icon--icon--padding: 10px;
  --icon--icon--background_colour: #49b6ff;
  --icon--icon--text_colour: #61615f;
  --icon--icon--text--font_family: 'Roboto';
  --icon--icon--text--font_size: 1rem;
  --icon--icon--text--font_style: 'normal';
  --icon--icon--text--font_weight: 500;
  --icon--icon--text--line_height: 160%;
}
/* Main styling */
.paragraph--type--oxfcms-icon {
  .oxfcms-icon-link {
    display: inline-block;
  }
  a {
    text-decoration: none;
    .oxfcms-icon-text {
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: none;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
    }
  }
  .oxfcms-icon-container {
    font-size: var(--icon--icon--font_size);
    padding: var(--icon--padding);
    display: flex;
    align-items: center;
    .oxfcms-icon-icon:has(+ .oxfcms-icon-text) {
      padding-right: var(--icon--icon--padding);
    }
  }
  .oxfcms-icon-text {
    color: var(--icon--icon--text_colour);
    font-family: var(--icon--icon--text--font_family);
    font-size: var(--icon--icon--text--font_size);
    font-style: var(--icon--icon--text--font_style);
    font-weight: var(--icon--icon--text--font_weight);
    line-height: var(--icon--icon--text--line_height);
  }
  .oxfcms-icon-icon {
    font-size: var(--core--body-font_size, 1rem);
    color: var(--icon--icon--background_colour);
    text-decoration: none;
  }
}
/* Padding for icons */
.l__main > .l__region > .paragraph[class*="paragraph--type--oxfcms-icon"].oxfcms-icon {
  padding: 0;
}