/* Knop styling */
.btn-groen {
    background-color: #3e7f60;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-groen:hover {
    background-color: #4d9a75;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(62, 127, 96, 0.3);
}

/* Mobiele aanpassingen */
@media (max-width: 768px) {
    .btn-groen {
        padding: 10px 24px;
        font-size: 0.95rem;
    }
}

/* Desktop specifiek voor grotere buttons */
@media (min-width: 769px) {
    .btn-groen {
        min-width: 200px; /* Iets groter op desktop */
        padding: 14px 35px;
    }
}


    .btn-bruin {
    background-color: #3e7f60;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-size: 0.9rem;
}

.btn-bruin:hover {
    background-color: #c4a279;
    color: white;
}


    .btn-d-groen {
    background-color: #3e7f60;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-size: 0.9rem;
}

.btn-d-groen:hover {
    background-color: #56a57e  ;
    color: white;
}

.btn-groen-prijs {
    background-color: #3e7f60              ;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    font-size: 0.9rem;
}

.btn-groen-prijs:hover {
    background-color: #56a57e  ;
    color: white;
}



.btn-studio-klein {
  display: inline-block;
  padding: 6px 15px;
  font-size: 0.9rem;
  background-color: #2043dd;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.btn-studio-klein:hover {
  background-color: #316bd6;
}

  .center-button {
    display: block;
    text-align: center;
    margin: 20px auto;
  }

  /* Specifiek voor de link */
  .center-button a {
    font-size: 1em; /* standaardmaat */
  }

  /* Kleinere tekst voor mobiel (responsive) */
  @media (max-width: 768px) {
    .center-button a {
      font-size: 0.9em;
    }
  }