.s360-buylist-template.is-buylistpop .s360-buylist-template-swatch {
  border: 1px solid #c8a966;
  background:
    linear-gradient(45deg, rgba(255,255,255,.12) 25%, transparent 25% 75%, rgba(255,255,255,.12) 75%) 0 0 / 10px 10px,
    linear-gradient(135deg, #04aee8 0 48%, #fff 48% 65%, #e71921 65%);
}

.s360-buylist-template.is-priceboard .s360-buylist-template-swatch {
  border: 1px solid #111;
  background: linear-gradient(180deg, #111 0 38%, #fff 38% 68%, #ffe500 68%);
}

.s360-buylist-template.is-bluecampaign .s360-buylist-template-swatch {
  border: 1px solid #0d62b8;
  background: linear-gradient(145deg, #0d62b8 0 60%, #ffeb00 60% 80%, #db241b 80%);
}

.s360-buylist-ratio button {
  min-width: 46px;
}

@media (max-width: 400px) {
  .s360-buylist-ratio button {
    min-width: 0;
    padding-right: 8px;
    padding-left: 8px;
  }
}