.detail-actions > .button.primary[href*="amazon.com"] {
  min-height: 54px;
  gap: 10px;
  padding: 0 22px;
  border: 1px solid #e68a00;
  color: #111820;
  background: #ff9900;
  box-shadow: 0 12px 26px rgb(255 153 0 / 38%);
}

.detail-actions > .button.primary[href*="amazon.com"]::before {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  content: "";
  background: url("amazon-mark.svg") center / contain no-repeat;
}

.detail-actions > .button.primary[href*="amazon.com"]:hover {
  color: #111820;
  background: #ffad24;
  box-shadow: 0 15px 30px rgb(255 153 0 / 48%);
}

.detail-actions > .button.primary[href*="amazon.com"]:focus-visible {
  outline: 3px solid rgb(255 153 0 / 35%);
  outline-offset: 3px;
}

@media (max-width: 520px) {
  .detail-actions > .button.primary[href*="amazon.com"] {
    width: 100%;
  }
}