/* Custom CSS for buttons in navmenu */

/* Style for buttons in navmenu - both mobile and desktop */
.navmenu ul li .btn-getstarted {
  display: inline-block;
  color: var(--contrast-color);
  background: var(--accent-color);
  padding: 8px 15px;
  border-radius: 4px;
  transition: 0.3s;
  margin: 5px;
}

.navmenu ul li .btn-getstarted:hover {
  background: color-mix(in srgb, var(--accent-color), transparent 15%);
}

/* Mobile specific styles */
@media (max-width: 1199px) {
  .navmenu ul li .btn-getstarted {
    margin: 10px 20px;
    text-align: center;
  }
}