Notched Arrow attempt + failure

dabblet.css

/**
 * Notched Arrow attempt + failure
 */
a {
    background-color: darkred;
    color: #f1f1f1;
    display: inline-block;
    font-family: georgia, times, serif;
    font-size: 2em;
    font-style: italic;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}

a:after {
    background-color: transparent;
    border-left: 5px solid darkred;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    content: "";
    display: inline-block;
    height: 1em;
    position: absolute;
    width: 1em;
}

dabblet.html

<a href="#woot">Take the tour</a>

settings.json

{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}