/* Shared, quiet foil finish: the fill follows the View Details gold-dust colour control. */
.invitation-details .wi-event-actions .wi-button.wi-gold-dust,
.invitation-details #rsvp .wi-button.wi-gold-dust,
#invitation-cover .envelope-open-action {
  background-color:var(--details-button-gold,#eac666);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='foil'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' seed='18' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.4' intercept='-.65'/%3E%3CfeFuncG type='linear' slope='2.4' intercept='-.65'/%3E%3CfeFuncB type='linear' slope='2.4' intercept='-.65'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath d='M0 0h160v160H0z' filter='url(%23foil)'/%3E%3C/svg%3E"),linear-gradient(115deg,var(--details-button-gold,#eac666) 0%,color-mix(in srgb,var(--details-button-gold,#eac666) 94%,#98702d) 50%,var(--details-button-gold,#eac666) 100%);
  background-size:100px 100px,100% 100%;
  background-blend-mode:soft-light,normal;
  border-color:color-mix(in srgb,var(--details-button-gold,#eac666) 82%,#98702d);
  color:#ffffff;
}
.invitation-details .wi-event-actions .wi-button.wi-gold-dust:hover,
.invitation-details #rsvp .wi-button.wi-gold-dust:hover,
#invitation-cover .envelope-open-action:hover {
  background-color:color-mix(in srgb,var(--details-button-gold,#eac666) 94%,#98702d);
  border-color:#a38a4c;
  box-shadow:0 4px 12px #443d2518;
}

#invitation-cover .envelope-open-action{position:absolute;z-index:5;left:50%;bottom:8%;transform:translateX(-50%);min-height:48px;padding:12px 32px;border-width:1px;border-style:solid;border-radius:15px;font:600 20px/1.3 'Cormorant Garamond',Georgia,serif;cursor:pointer;transition:opacity .3s ease,box-shadow .3s ease}
#invitation-cover .envelope-open-action:focus-visible{outline:2px solid white;outline-offset:5px}
#invitation-cover:is(.is-opening,.is-revealing,.envelope-loading,.sequence-preview) .envelope-open-action{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:700px){#invitation-cover .envelope-open-action{bottom:14%;font-size:18px;padding:12px 28px}}

/* Opening action uses a clean white finish. */
#invitation-cover .envelope-open-action{background:#fff;color:#333;border-color:#fff;font-family:'Poppins',sans-serif;font-size:16px;font-weight:500}
#invitation-cover .envelope-open-action:hover{background:#fff;color:#333;border-color:#fff;box-shadow:0 4px 12px #443d2520}

#invitation-cover .envelope-open-action{top:calc(110% + 35px);bottom:auto;background:rgba(255,255,255,.88);border-color:transparent;border-radius:11px;font-size:15px;font-weight:400;white-space:nowrap;padding:12px 28px;transition:background .25s ease,opacity .3s ease,box-shadow .3s ease}
#invitation-cover .envelope-open-action:hover{background:rgba(255,255,255,.96);border-color:transparent}
@media(max-width:700px){#invitation-cover .envelope-open-action{top:calc(110% + 30px);bottom:auto}}

#invitation-cover .envelope-open-action{background:#F5EFE3;color:#514638;border-color:#C4AD78;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#invitation-cover .envelope-open-action:hover{background:#FCF8F0;color:#514638;border-color:#B69B61}

#invitation-cover .envelope-open-action{top:calc(110% + 60px);background:#F5EFE3;color:#514638;border-color:#C4AD78}
#invitation-cover .envelope-open-action:hover{background:#FCF8F0;color:#514638;border-color:#B69B61}
@media(max-width:700px){#invitation-cover .envelope-open-action{top:calc(110% + 55px)}}
