.product-variants .qs-delivery-variants {
  align-items: flex-end;
}

.product-variants .qs-delivery-variants > li {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
}

.product-variants .qs-delivery-variants > li.qs-delivery-option--without-indicator {
  width: var(--qs-delivery-option-width);
}

.product-variants .qs-delivery-variants > li.qs-delivery-option--without-indicator .color {
  width: var(--qs-delivery-color-width);
  height: var(--qs-delivery-color-height);
}

.product-variants .qs-delivery-variants > li > label {
  margin-bottom: 0;
}

.product-variants .qs-delivery-variants .delivery-time-indicator {
  --delivery-bubble-color: #c62828;
  position: relative;
  order: -1;
  margin-bottom: 6px;
  padding: 5px 6px;
  border-radius: 6px;
  background: var(--delivery-bubble-color);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}

.product-variants .delivery-time-indicator[hidden] {
  display: none;
}

.product-variants .qs-delivery-variants .delivery-time-indicator::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: var(--delivery-bubble-color);
  transform: translateX(-50%);
  content: '';
}

.product-variants .qs-delivery-variants .delivery-time-indicator--fast {
  --delivery-bubble-color: #258044;
}

.product-variants .qs-delivery-variants .delivery-time-indicator--medium {
  --delivery-bubble-color: #c47700;
}