Buttons look weird

Site URL: https://carolineholm.com/

Hi! For some reason some buttons on my site look like they don't have enough space to fully show the whole button, I don't know if that's the button container or something else. It worked just fine for like a day then some started showing that issue without me changing anything else. 

Can someone suggest what the problem might be?

My code for the specific press down effect is (and it worked fine yesterday, works on my phone also), although the landing page links aren't working on desktop and phone + some other linkes:

// PRESSED DOWN HEADER BUTTON //
.header-actions .btn {
  box-shadow: 5px 5px #260806 !important;
  transition: all ease-in .05s!important;
}

.header-actions .btn:hover {
  box-shadow: none!important;
  transform: translateY(4px) !important;
  transition: all ease-in .05s!important;
}

// PRESSED DOWN HEADER BUTTON //
.header-menu .header-menu-cta a {
  box-shadow: 5px 5px #260806!important;
  transition: all ease-in .05s!important;
}

.header-menu .header-menu-cta:hover a {
  box-shadow: none!important;
  transform: translateY(4px) !important;
  transition: all ease-in .05s!important;
}

Oh thank you! It seems to have done the trick, I'm no code expert whatsoever so this was very helpful! 😀