Query:

How can I keep the 'after' part of the code working when I change the html button to an ASP button. I'm not sure why it drops?

Issue: 

When I change `<button` to `<asp:button` the after part of the CSS no longer works. The part of the code that fails is `#course .bottom .btn-next:after` 

Code:

```
#course .bottom .next {
    padding-right: 40px;
}
#course .bottom .btn-next {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#course .bottom .btn-next:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 20px;
    margin-top: -20px;
}

```

Research example: 

[Is it possible to have a :after pseudo element on a button?](https://stackoverflow.com/questions/18767633/is-it-possible-to-have-a-after-pseudo-element-on-a-button) (relates to html not .NET button)