mark.slanting {
    background: none;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
    position: relative
}

mark.slanting:before {
    content: "";
    inset: 5% -2px;
    position: absolute;
    transform: rotate(-1deg);
    z-index: -1
}

mark.slanting.teal:before {
    background: #009688
}

mark.slanting.blue:before {
    background: #2196f3
}

mark.slanting.purple:before {
    background: #9c27b0
}

mark.slanting.pink:before {
    background: #e91e63
}