JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/7296496/change-link-underline-color-not-font-color-bottom-border-is-not-working-across

HTML

<p>If Rotaract sounds like something you would be interested in then download and complete 
<a target="_blank" href="./assets/registration-form.pdf">this form</a>
 and submit it to the secretary at the next general meeting.
</p>

<p>If Rotaract sounds like something you would be interested in then download and complete 
<a class="test" target="_blank" href="./assets/registration-form.pdf">this form</a>
 and submit it to the secretary at the next general meeting.
</p>

CSS

a {
    border-bottom: 0.5px solid blue;
    color: #000022;
    text-decoration: none;
}

.test{
    border-bottom: 1px solid #A80532;
    color: #000022;
    text-decoration: none;
}