/* ======= Variables ======= */
/* :root {
  --brand-primary: #003120;
  --brand-secondary: #71B644;
  --brand-accent: #E7EDFF;
  --neutral-dark: #000;
  --neutral-light: #fff;
} */

/* ======= Btn ======= */
.c-btn{
    transition: background-color 0.3s ease !important;
}

.c-btn p{
    transition: color 0.3s ease;
}

.c-btn:hover p{
    color: var(--brand-primary);
}

/* ======= Arrowbtn ======= */
.c-arrowbtn{
    width: auto !important;
}

.c-arrowbtn__iconcont{
    width: 32px !important;
    height: 32px !important;
    background-color: var(--brand-accent) !important;
    border-radius: 50% !important;

    transition: transform 0.3s ease !important;
}

.c-arrowbtn--alt .c-arrowbtn__iconcont{
    background-color: var(--brand-secondary) !important;
}
.c-arrowbtn--altdark .c-arrowbtn__iconcont{
    background-color: var(--brand-primary) !important;
}
.c-arrowbtn--nieuws .c-arrowbtn__iconcont{
    background-color: transparent !important;
}
.c-arrowbtn--alt path{
    fill: var(--neutral-light) !important;
}

.c-arrowbtn:hover .c-arrowbtn__iconcont{
    transform: translateX(20px) !important;
}