/* Purchase links for product and offer cards. */
body main .artstria-card-purchase {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  inline-size: fit-content;
  max-inline-size: 100%;
  min-block-size: 44px;
  margin-block-start: 8px;
  padding: 7px 15px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: #061f60;
  color: #fff;
  font: 650 .85rem/1.25 Hellix, system-ui, sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}
body main :is(.artstria-card-purchase:hover, a:hover .artstria-card-purchase) {
  background: #173473;
  color: #fff;
}
body main :is(.artstria-card-purchase:focus-visible, a:focus-visible .artstria-card-purchase) {
  outline: 2px solid #956c32;
  outline-offset: 2px;
}
body main :is(.uni-card,.rc,.prest,.r81-card,.r82-store-card,.tech-card,.prod-card) .artstria-card-purchase {
  flex-shrink: 0;
}
body main .artstria-card-purchase--link { margin-inline: 14px; margin-block-end: 14px; }
body main .r73-caption:empty { display: none; }

@media (max-width: 760px) {
  .artstria-creative-hero .r90-media { grid-row: 1; }
  .artstria-creative-hero .r90-copy { grid-row: 2; }
}

.artstria-creative-hero .hero-sub {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.artstria-creative-hero .hero-sub span { margin-inline: 0; }