/* Shared BeadApp metallic-gold actions. Same five-stop ramp as Studio's light theme. */
.pro-cta, .pro-cta:hover, .pro-cta:focus,
.preview-button, .preview-button:hover, .preview-button:focus,
.print.solo, .print.solo:hover, .print.solo:focus,
.cta, .cta:hover, .cta:focus,
.open:not(.open2), .open:not(.open2):hover, .open:not(.open2):focus,
.upsell-cta, .upsell-cta:hover, .upsell-cta:focus,
.metallic-gold-button, .metallic-gold-button:hover, .metallic-gold-button:focus {
  background-color: #C9A44E;
  background-image: linear-gradient(177deg, #FBEFC8 0%, #E7C976 17%, #B58F2C 49%, #D3AE4E 51%, #F6E7B4 86%, #E7C976 100%);
  color: #241A05;
  box-shadow: inset 0 0 0 1px #9A7521, inset 0 1px 0 rgba(255,255,255,.65), inset 0 -1px 0 rgba(0,0,0,.18), 0 2px 4px rgba(58,43,38,.18);
}
.cta:hover, .open:not(.open2):hover, .upsell-cta:hover, .metallic-gold-button:hover { filter: brightness(1.04); }
.cta:focus-visible, .open:not(.open2):focus-visible, .upsell-cta:focus-visible, .metallic-gold-button:focus-visible { outline: 3px solid #6E5518; outline-offset: 3px; }