.cta-btn {
  position: relative;
  display: inline-block;
  color: white;
  border: 2px solid white;
  padding: 14px 26px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: all 0.35s ease;
  overflow: hidden;
}

/* diamond hover effect */


.cta-btn:hover::before {
  transform: scale(1.2) rotate(45deg);
}

/* text color flip */
.cta-btn:hover {
  color: rgb(0, 12, 148);
  border-color: white;
}/* MOBILE HERO FIX */
@media (max-width: 768px) {

  /* center everything */
  .hero-content,
  section .relative.z-10 {
    text-align: center;
    align-items: center;
  }

  /* center text block */
  section h1,
  section p {
    margin-left: auto;
    margin-right: auto;
  }

  /* center buttons */
  section .flex.flex-col {
    align-items: center;
  }

  /* FORCE WHITE BUTTON STYLE ON MOBILE */
  .cta-btn {
    background: white;
    color: black;
    border: 2px solid white;
    width: 100%;
    max-width: 260px;
    text-align: center;
  }

  .cta-btn:hover {
    background: black;
    color: white;
  }

}/* MOBILE NAV LOGO FIX */
@media (max-width: 768px) {

  /* center entire nav row */
  header .max-w-7xl {
    justify-content: center;
    position: relative;
  }

  /* center logo */
  header a.flex.items-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  /* make logo bigger */
  header a.flex.items-center img {
    height: 110px; /* adjust if you want bigger */
  }

  /* keep hamburger on right */
  #menuBtn {
    position: absolute;
    right: 20px;
  }

}