.contact-button{
      position:absolute;
      inset-block-start:4.5rem;
      inset-inline-end:7rem;
      --height:30px;
      --width:90px;

      display:grid;
      inline-size:var(--width);
      height:var(--height);
      border-radius:50px;
      overflow:hidden;
      color:white;
      font-weight:600;
      font-size:calc((2.1/5)*var(--height));
      line-height:var(--height);
      z-index:65;
      text-decoration:none;
      cursor:pointer;
   }

   .contact-button .button-bg{
      height:100%;
      width:300%;
      background-image:linear-gradient(90deg,var(--groen) 30%,var(--blauw) 70%);
      transform:translateX(-5%);
   }

   .contact-button .button-tekst{
      position:absolute;
      place-self:center;
   }
    
   @media (min-width:56rem){
      .contact-button{
         inset-inline-start:10.5rem;
         inset-inline-end:auto;
         --height:50px;
         --width:150px;
      }
   }