customising mobile overlay menu desktop

https://www.annajonesbridal.co.uk/home-new

hey, so ive forced mobile menu dropdown / overlay menu on desktop, now i'm having a hard time editing it.

on mobile, it is really nearly there with how it looks. it's just the button i need customising and moving! the button should look like the attached, just a text link and line underneath:

and then the desktop version, the spacing is all off! 

is there a way to fix the link / menu item list / page line height of the desktop version only and be able to see the star icon etc like the mobile version? 

thank you so much thats amazing! worked a treat!!

do you happen to know the code for the button so i can customise it ? thank you again so much

@daniellenoakes might have to tweak it a but but this should target it. Change your colors and things to match whatever you need!

.header-menu {
    .header-menu-cta .btn {
        font-size: .9em !important;
        font-family: 'montserrat' !important;
        border: none !important;
        font-weight: 600 !important;
        letter-spacing: .2em !important;
        border-bottom: 1px solid #19191e !important;
        color:#19191e !important 

        &:hover {
            background-color: transparent;
            color: #81919f !important;
            border-bottom: 1px solid #81919f !important
        }
    }
}