.elementor .btn{font-family:var(--button-text);font-weight:400;font-size:16px;color:var(--white);text-align:center;text-transform:uppercase;padding-block-start:10px;padding-block-end:10px;padding-inline-start:15px;padding-inline-end:15px;border-radius:var(--default-button-border-radius);border-style:none;background-image:linear-gradient(90deg, #334C9B 0%,#42BEE8 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-color:var(--primary);background-clip:border-box;transition:all 200ms;}.elementor .btn:hover,.elementor .btn:focus-visible{background-image:linear-gradient(90deg, #42BEE8 0%,#334C9B 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;}.elementor .btn-icon-left{& {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

&::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: currentColor;
  -webkit-mask: var(--icon) no-repeat center / contain;
          mask: var(--icon) no-repeat center / contain;
}\n}.elementor .btn-icon-only{& {
  font-size: 0 !important;
  width: 3.5rem;        /* knop iets groter */
  aspect-ratio: 1;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

&::before {
  content: "";
  display: block;
  width: 2rem;          /* icoon van 1.5rem → 2rem */
  height: 2rem;
  background-color: currentColor;
  -webkit-mask: var(--icon) no-repeat center / contain;
          mask: var(--icon) no-repeat center / contain;
}\n}