.btn1,
.btn2,
.btn3 {
  font-family: var(--font14); /* uit database */
  font-size: var(--fontsize14) !important; /* uit database */
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  cursor: pointer;
  border-radius: 9999px;
  transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
  border: 0;
}

.btn1 {
  color: var(--basiskleurzesentwintig); /* uit database */
  background-color: var(--basiskleurzevenentwintig); /* uit database */
}

.btn1:hover {
  color: var(--basiskleurachtentwintig); /* uit database */
  background-color: var(--basiskleurnegenentwintig); /* uit database */
  transform: scale(1.05);
}

.btn2 {
  color: var(--basiskleurdertig); /* uit database */
  background-color: var(--basiskleureenendertig); /* uit database */
}

.btn2:hover {
  color: var(--basiskleurtweeendertig); /* uit database */
  background-color: var(--basiskleurdrieendertig); /* uit database */
  transform: scale(1.05);
}

.btn3 {
  color: var(--basiskleurvierendertig); /* uit database */
  background-color: var(--basiskleurvijfendertig); /* uit database */
}

.btn3:hover {
  color: var(--basiskleurzesendertig); /* uit database */
  background-color: var(--basiskleurzevenendertig); /* uit database */
  transform: scale(1.05);
}

/* ================================
   MENU BUTTON FIX
   Zorgt dat btn1 / btn2 / btn3 ook
   correct werken in het hoofdmenu
================================ */

#site-navbar .navbar-nav .nav-link.btn1,
#site-navbar .navbar-nav .nav-link.btn2,
#site-navbar .navbar-nav .nav-link.btn3 {
  padding: 0.75rem 1.5rem !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 1rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  border: 0 !important;
}

/* BTN1 */
#site-navbar .navbar-nav .nav-link.btn1 {
  color: var(--basiskleurzesentwintig) !important;
  background-color: var(--basiskleurzevenentwintig) !important;
}

#site-navbar .navbar-nav .nav-link.btn1:hover {
  color: var(--basiskleurachtentwintig) !important;
  background-color: var(--basiskleurnegenentwintig) !important;
}

/* BTN2 */
#site-navbar .navbar-nav .nav-link.btn2 {
  color: var(--basiskleurdertig) !important;
  background-color: var(--basiskleureenendertig) !important;
}

#site-navbar .navbar-nav .nav-link.btn2:hover {
  color: var(--basiskleurtweeendertig) !important;
  background-color: var(--basiskleurdrieendertig) !important;
}

/* BTN3 */
#site-navbar .navbar-nav .nav-link.btn3 {
  color: var(--basiskleurvierendertig) !important;
  background-color: var(--basiskleurvijfendertig) !important;
}

#site-navbar .navbar-nav .nav-link.btn3:hover {
  color: var(--basiskleurzesendertig) !important;
  background-color: var(--basiskleurzevenendertig) !important;
}