/*
  @file Theming the styles created by WYSIWYG inline styling.
*/

.layout-builder-block {
  background-color: transparent;
}

a.button__blue {
  padding: var(--spacing);
  text-decoration: none;
  border: var(--border);
  border-radius: var(--border-radius-full);
  color: var(--color-white) !important;
  background-color: var(--color-primary-a);
}

a.button__blue:hover,
a.button__blue:focus {
  text-decoration: underline;
  color: var(--color-primary-a) !important;
  background-color: var(--color-white);
}

a.button__blue.ext svg.ext {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7467%) hue-rotate(95deg) brightness(108%) contrast(107%);
}

a.button__blue.ext:hover svg.ext,
a.button__blue.ext:focus svg.ext {
  filter: brightness(0) saturate(100%) invert(17%) sepia(89%) saturate(1481%) hue-rotate(176deg) brightness(96%) contrast(103%);
}

a.button__white {
  padding: var(--spacing);
  text-decoration: none;
  color: var(--color-primary-a) !important;
  border: var(--border);
  background: var(--color-white);
  border-radius: var(--border-radius-full);
}

a.button__white.ext:hover,
a.button__white.ext:focus {
  text-decoration: underline;
  color: var(--color-white) !important;
  background-color: var(--color-primary-a);
  border-color: var(--color-white);
}

a.button__white.ext svg.ext {
  filter: brightness(0) saturate(100%) invert(17%) sepia(89%) saturate(1481%) hue-rotate(176deg) brightness(96%) contrast(103%);
}

a.button__white.ext:hover svg.ext,
a.button__white.ext:focus svg.ext {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7467%) hue-rotate(95deg) brightness(108%) contrast(107%);
}