.ons-highlight {
    background-color: transparent; // Overrides stylesheet default on <mark> to prevent a 2-tone effect behind the gradient
    background-image: linear-gradient(var(--ons-color-highlight), var(--ons-color-highlight));
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% calc(var(--ons-line-height, 28px) - 4px);
    box-decoration-break: clone; // Firefox
    box-shadow: 0 4px 0 0 var(--ons-color-text-link-focus);
    font-style: normal;
    padding: 0 2px;
}