.nieuwsbrief-knop a[href*="laposta.nl/f/"],
.nieuwsbrief-knop button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  max-width: 40%;
  min-width: 100px;
  padding: 45px 40px;
  border: 3px solid #D9E3A0;
  border-radius: 25px;


background: linear-gradient(
  90deg,
  #009D97 0%,
  #36B4AA 35%,
  #8FC6A5 65%,
  #C9CC8D 100%
);

background-size: 200% 100%;
background-position: 0% 50%;

  color: #000;
  box-shadow: 0 8px 20px rgba(0, 157, 151, 0.15);

  font-family: Phantomsans, sans-serif;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;

  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;

  transform: scale(1);
  transform-origin: center;

  transition:
    background-position 450ms ease,
    transform 180ms ease,
    box-shadow 250ms ease;
}

.nieuwsbrief-knop a[href*="laposta.nl/f/"]:hover,
.nieuwsbrief-knop button:hover {
  background-position: 100% 50%;
  color: #000;
  text-decoration: none;
  transform: scale(1.05);
  box-shadow: 0 10px 24px rgba(0, 157, 151, 0.25);
}

.nieuwsbrief-knop a[href*="laposta.nl/f/"]:active,
.nieuwsbrief-knop button:active {
  transform: scale(1.05);
}

.nieuwsbrief-knop a[href*="laposta.nl/f/"]:focus-visible,
.nieuwsbrief-knop button:focus-visible {
  outline: 3px solid #009D97;
  outline-offset: 4px;
}

@media (min-width: 768px) {
  .nieuwsbrief-knop a[href*="laposta.nl/f/"],
  .nieuwsbrief-knop button {
    font-size: 24px;
    min-width: 196px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nieuwsbrief-knop a[href*="laposta.nl/f/"],
  .nieuwsbrief-knop button {
    transition: none;
  }
}