Second Button In Navigation CSS

Hello, I am trying to change this coded second button to be an outline around the blue text, does anybody know how to do this? I am not having much luck myself. The site is not live so i am attaching a screenshot and i will paste the CSS code here aswell.

Css

.header-nav-item:last-of-type 
{background:#C40315; 
padding: 1rem 1rem; 
text-color:#C40315!important;
border-radius: 30px;}
.header-nav-item--active a{background-image:none!important}
.header-nav-item.header-nav-item--external {
    position: absolute;
    right: 170px;
}.header-nav-list {
    align-items: center;
}