.menu-link .tn-atom {
  position: relative;
  display: inline-block;
  transition:
    color 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.menu-link .tn-atom::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -3px;
  width: 0;
  height: 1px;
  background: #111318;
  transform: translateX(-50%);
  transition: width 0.38s cubic-bezier(0.16, 1, 0.3, 1);
}



.menu-link:hover .tn-atom {
  color: #111318 !important;
  transform: translateY(-1px);
}

.menu-link:hover .tn-atom::after {
  width: 100%;
}

.phonelink:hover {opacity:0.7;}

.header-cta .tn-atom { position: relative; overflow: hidden; z-index: 1; transition: color 0.38s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.38s cubic-bezier(0.16, 1, 0.3, 1); } .header-cta .tn-atom::before { content: ""; position: absolute; inset: 0; background: #111318; transform: scaleX(0); transform-origin: left center; transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1); z-index: -1; } .header-cta:hover .tn-atom { color: #ffffff !important; border-color: #111318 !important; } .header-cta:hover .tn-atom::before { transform: scaleX(1); }

html {
    scroll-behavior: auto !important;
  }
  
  
.primary-button .tn-atom {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition:
    color 0.38s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.38s cubic-bezier(0.16, 1, 0.3, 1);
}

.primary-button .tn-atom::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #ffffff;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: -1;
}

.primary-button:hover .tn-atom,
.primary-button:active .tn-atom,
.primary-button:focus .tn-atom{
  color: #111318!important;
  border-color: #E4E4E4 !important;
}

.primary-button:hover .tn-atom::before {
  transform: scaleX(1);
}