@import url("/content/dam/amex/nl/assets/css/global/nl-nl/v0-6-0/base.css");
@import url("/content/dam/amex/nl/assets/css/global/global_base.css");

/* CUSTOM */

.k_layered-label {
  position: relative;
}
.k_layered-label .image {
  position: relative;
}
.k_layered-label .image::before {
  content: "";
  position: absolute;
  width: clamp(110px, 20vw, 200px);
  height: clamp(110px, 20vw, 200px);
  z-index: 2;
  background-color: var(--c-secondary);
  background-image: url("https://www.americanexpress.com/content/dam/amex/nl-be/voordelen/membership-rewards/membership-rewards-booster/mr-booster-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35%;
  padding: var(--s-3);
  right: var(--s-3);
  bottom: calc(var(--s-3) * -1);
}

/* RESPONSIVE */

@media (width >= 768px) {
  .k_layered-label .image::before {
    right: auto;
    bottom: auto;
    top: var(--s-3);
    left: calc(var(--s-5) * -1);
  }
}