buttonstyle css

[NAS]

I'm having some issues with my buttonstyle taking on on the link in text style. The button border bottom expands on hover. Any help getting this to stop doing it?

This is the page, and below the css for the button style

http://urbanroomstoolkit.org/collective-mapping/

.buttonstyle a{
    padding: 15px 20px;
    border-style: solid;
    border-width:1.5px;
    display: inline-block;
    color: #41b9ec;
    line-height: 1;
    background-color:#ffffff;
    white-space: nowrap;
}

.buttonstyle a:hover{
    border: black solid 1.5px;
    background-color: #FFfFFF;
    text-decoration: none;
    color: #000000;
    
}

[felix_rabe]

@NAS get rid if the border-style and border-width and try;

 . buttonstyle a{
 border: 1.5px solid #41b9ec;
 }

 . buttonstyle a:hover{
 border: 1.5px solid #whatevercolor
 }

and then take a look at these, somewhere there is another border bottom in your code:

.lay-textformat-parent a, a.projectlink .lay-textformat-parent>*, .lay-carousel-sink .single-caption-inner a {
border-bottom-width: 3px;
}

[arminunruh]

so in the latest lay theme updates
links now use text-decoration instead of border-bottom

so if you want to get rid of that do

.buttonstyle a{
text-decoration: none!important;
}

also a button element is on my todo list <3

[NAS]

@arminunruh said in buttonstyle css:

important

Thanks for the responses guys. In the end i decided to change my 'link in text' underline options in customize as unfortunately nothing seemed to override that. But I'm happy with that workaround for now.