/* ==========================================================
   L'ART — BUTTONS
========================================================== */

.wp-block-button__link,
.wp-element-button,
.lart-button-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 42px;

  padding: 0.78rem 1.25rem;

  border: none !important;
  outline: none !important;

  border-radius: var(--radius-s);

  background: var(--lart-green);
  color: #EFEFEF !important;

  box-shadow: none;

  font-family: var(--lart-font) !important;
  font-size: 13px;
  font-weight: 600;

  line-height: 1;

  text-decoration: none;

  transition:
    background-color var(--transition),
    color var(--transition),
    transform var(--transition);
}


/* ==========================================================
   HOVER
========================================================== */

.wp-block-button__link:hover,
.wp-element-button:hover,
.lart-button-link:hover {
  background: #C8D1D9 !important;
  color: #2D4237 !important;

  border: none !important;
  outline: none !important;

  transform: translateY(-1px);
}


/* ==========================================================
   FOCUS
========================================================== */

.wp-block-button__link:focus,
.wp-block-button__link:focus-visible,
.wp-element-button:focus,
.wp-element-button:focus-visible,
.lart-button-link:focus,
.lart-button-link:focus-visible {
  outline: none !important;
  border: none !important;

  box-shadow: none !important;
}


/* ==========================================================
   OUDE OUTLINE BUTTON UITZETTEN
========================================================== */

.button-outline .wp-block-button__link {
  background: var(--lart-green) !important;
  color: #EFEFEF !important;

  border: none !important;
  outline: none !important;
}

.button-outline .wp-block-button__link:hover {
  background: #C8D1D9 !important;
  color: #2D4237 !important;

  border: none !important;
  outline: none !important;
}