.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: -5px;
  right: -10px;
  left: -10px;
  bottom: -5px;
  z-index: 1;
}
.type-highlight.circle.white:after {
  background: url(/shop/images/type/circle-white.svg) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.type-highlight.underline.white:after {
  background: url(/shop/images/type/underline-white.svg) no-repeat;
  top: auto;
  height: 4px;
  bottom: 1px;
  background-size: 100%;
  background-position: center;
}
.type-highlight.underline-focus.white:after {
  background: url(/shop/images/type/underline-focus-white.svg) no-repeat;
  top: auto;
  height: 20px;
  bottom: -8px;
  background-size: 100%;
  background-position: center;
}
.type-highlight.underline-double.white:after {
  background: url(/shop/images/type/underline-white.svg) no-repeat;
  top: auto;
  height: 4px;
  bottom: 1px;
  background-size: 100%;
  background-position: center;
}
.type-highlight.underline-double.white:before {
  background: url(/shop/images/type/underline-white.svg) no-repeat;
  bottom: auto;
  height: 4px;
  top: 1px;
  background-size: 100%;
  background-position: center;
}
.type-highlight.highlight.white {
  background: #fff;
}