.type-highlight {
  position: relative;
  display: inline-block;
}
.type-highlight span {
  position: relative;
  z-index: 2;
}
.type-highlight:after,
.type-highlight:before {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  left: -10px;
  bottom: 0;
  z-index: 1;
}

.type-highlight.circle:after {
  background-size: 100% 100% !important;
  background-position: center !important;
}
.type-highlight.underline:after {
  top: auto;
  height: 4px;
  bottom: 4px;
  background-size: 100% !important;
  background-position: center !important;
}
.type-highlight.underline-focus:after {
  top: auto;
  height: 20px;
  bottom: -8px;
  background-size: 100% !important;
  background-position: center !important;
}
.type-highlight.underline-double:after {
  top: auto;
  height: 4px;
  bottom: 1px;
  background-size: 100% !important;
  background-position: center !important;
}
.type-highlight.underline-double:before {
  bottom: auto;
  height: 4px;
  top: 1px;
  background-size: 100% !important;
  background-position: center !important;
}


.type-highlight.highlight.white {
  background: #fff;
}
.type-highlight.circle.white:after {
  background: url(/shop/images/type/circle-white.svg) no-repeat;
}
.type-highlight.underline.white:after {
  background: url(/shop/images/type/underline-white.svg) no-repeat;
}
.type-highlight.underline-focus.white:after {
  background: url(/shop/images/type/underline-focus-white.svg) no-repeat;
}
.type-highlight.underline-double.white:after {
  background: url(/shop/images/type/underline-white.svg) no-repeat;
}
.type-highlight.underline-double.white:before {
  background: url(/shop/images/type/underline-white.svg) no-repeat;
}


.type-highlight.highlight.dark {
  background: #797979;
  color: #fff;
}
.type-highlight.circle.dark:after {
  background: url(/shop/images/type/circle-dark.svg) no-repeat;
}
.type-highlight.underline.dark:after {
  background: url(/shop/images/type/underline-dark.svg) no-repeat;
}
.type-highlight.underline-focus.dark:after {
  background: url(/shop/images/type/underline-focus-dark.svg) no-repeat;
}
.type-highlight.underline-double.dark:after {
  background: url(/shop/images/type/underline-dark.svg) no-repeat;
}
.type-highlight.underline-double.dark:before {
  background: url(/shop/images/type/underline-dark.svg) no-repeat;
}



.type-highlight.highlight.black {
  background: #000;
  color: #fff;
}
.type-highlight.circle.black:after {
  background: url(/shop/images/type/circle-black.svg) no-repeat;
}
.type-highlight.underline.black:after {
  background: url(/shop/images/type/underline-black.svg) no-repeat;
}
.type-highlight.underline-focus.black:after {
  background: url(/shop/images/type/underline-focus-black.svg) no-repeat;
}
.type-highlight.underline-double.black:after {
  background: url(/shop/images/type/underline-black.svg) no-repeat;
}
.type-highlight.underline-double.black:before {
  background: url(/shop/images/type/underline-black.svg) no-repeat;
}




.type-highlight.highlight.yellow {
  background: #e0c90a9e;
}
.type-highlight.highlight.blue {
  background: #0a96e09e;
}
.type-highlight.highlight.red {
  background: #e00a0ad6;
  color: #fff;
}
.type-highlight.highlight.green {
  background: #0ae00f7d;
}
.type-highlight.highlight.purple {
  background: #7a0ae07d;
}
.type-highlight.highlight.pink {
  background: #e00aae7d;
}