.sp-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.sp-bottom .qty-box {
  width: 175px;
  position: relative;
}
.sp-bottom a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 14px;
  text-decoration: none;
}
.sp-bottom a svg {
  width: 14px;
  height: 14px;
}
.sp-bottom a.qty-minus {
  left: 16px;
}
.sp-bottom a.qty-plus {
  right: 16px;
}
.sp-bottom input {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 100%;
  border: 1px solid #8ca4ab;
  appearance: textfield;
  -moz-appearance: textfield;
  font-size: 16px;
  font-weight: 500;
  color: #0c0308;
  text-align: center;
}
.sp-bottom button {
  --mc-product-cta-chamfer: 12px;
  width: 175px;
  min-height: 48px;
  height: auto;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  clip-path: polygon(
    var(--mc-product-cta-chamfer) 0,
    100% 0,
    100% calc(100% - var(--mc-product-cta-chamfer)),
    calc(100% - var(--mc-product-cta-chamfer)) 100%,
    0 100%,
    0 var(--mc-product-cta-chamfer)
  );
  background: #02273e;
  color: #fff;
  border: 0;
  font-size: clamp(13px, 0.75rem + 0.3vw, 16px);
  line-height: 1.2;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
  transition: all ease 0.3s;
}
.sp-bottom button:hover {
  background: #345264;
}

.sp-bottom button.is-loading,
.sp-bottom button.is-added {
  cursor: not-allowed;
}

.sp-bottom button.is-disabled,
.sp-bottom button:disabled,
.sp-bottom button[aria-disabled="true"] {
  opacity: 0.6;
  cursor: not-allowed;
}

.sp-bottom input::-webkit-outer-spin-button,
.sp-bottom input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media (max-width: 767px) {
  .sp-bottom {
    gap: 12px;
  }

  .sp-bottom button {
    font-size: clamp(11px, 3.1vw, 13px);
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: keep-all;
    letter-spacing: 0.01em;
    gap: 8px;
    padding: 10px;
  }

  .sp-bottom button svg {
    width: 18px;
    height: 18px;
  }
}