@charset "UTF-8";
/* Vorabansicht: auch beim Laden keine Geburtstagsinhalte kurz aufblitzen lassen. */
.birthday-pending body>header,.birthday-pending body>main,.birthday-pending #progress,.birthday-pending #particles{display:none!important}
.birthday-gate{min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;color:#f9ebde;background:radial-gradient(ellipse at 50% 45%,#652a3b66,transparent 70%),var(--burgundy);padding:calc(45px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(35px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}
.gate-content{width:100%;max-width:650px}.birthday-gate .eyebrow{font-size:9px;letter-spacing:2px}.gate-heart{width:90px;height:85px;margin:25px auto 32px;color:#d4ad7d}.birthday-gate h1{font-size:clamp(2.2rem,8vw,4rem)}.birthday-gate h1 em{color:#e5b5af}.gate-copy{font-size:14px;line-height:1.9;color:#d4b7be;margin-top:25px}.gate-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:350px;margin:34px auto 25px}.gate-countdown>div{border:1px solid #b5797d55;border-radius:12px;padding:15px 4px;background:#ffffff04;min-width:0}.gate-countdown span{display:block;font-family:var(--serif);font-size:clamp(1.6rem,6vw,2.4rem);color:#efcdbb;font-variant-numeric:tabular-nums}.gate-countdown small{display:block;font-size:9px;letter-spacing:.6px;line-height:1.8;color:#cfaaae;margin-top:5px}.gate-date{font-size:10px;color:#c7a292;line-height:1.8}.gate-footer{font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.8;color:#d4b7be;margin-top:35px}
:root{--burgundy:#360f22;--rose:#b76b7b;--cream:#fff9f1;--gold:#bc925b;--ink:#472b35;--muted:#846b70;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--burgundy);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{touch-action:manipulation}button:disabled{cursor:default}[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.09;text-wrap:balance}h1{font-size:clamp(2.5rem,7.8vw,5.8rem)}h2{font-size:clamp(2.65rem,7vw,5.4rem)}em{font-weight:400;color:var(--rose)}p{overflow-wrap:break-word}svg{display:block;width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.masthead{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(20px + env(safe-area-inset-top,0px)) max(26px,env(safe-area-inset-right,0px)) 0 max(26px,env(safe-area-inset-left,0px));color:#f7e9de}.wordmark{font-family:var(--serif);font-style:italic;font-size:25px;letter-spacing:-1px;min-height:44px;display:flex;align-items:center;gap:8px}.wordmark span{color:#d6a28a;font-size:20px}.date{font-size:9px;letter-spacing:2px}.music{position:fixed;right:max(16px,env(safe-area-inset-right,0px));top:calc(70px + env(safe-area-inset-top,0px));background:var(--cream);border:1px solid #d7b7ad;color:var(--burgundy);border-radius:30px;min-height:44px;padding:8px 14px;font-size:11px}.intro{position:relative;isolation:isolate;min-height:700px;min-height:100svh;display:grid;place-items:center;color:#f9ebde;background:radial-gradient(ellipse at 50% 55%,#652a3b55,transparent 58%),var(--burgundy);overflow:hidden;padding:110px 24px 85px;padding-top:calc(100px + env(safe-area-inset-top,0px));padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));transition:opacity .8s,transform .8s}.intro-content{text-align:center;z-index:1;width:100%;max-width:850px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.6px;line-height:1.8;color:#966f5b;margin-bottom:27px}.eyebrow.light{color:#d4b39d}.intro h1 em{color:#e5b5af}.intro-copy{font-size:clamp(.9rem,2.8vw,1rem);line-height:1.8;color:#d4b7be;margin-top:26px;animation:appear 1.6s .25s both}.intro h1{animation:appear 1.3s both}.intro .eyebrow{animation:appear 1.1s both}.heart-button{position:relative;display:block;width:clamp(145px,37vw,205px);height:clamp(145px,37vw,205px);margin:24px auto 10px;border:0;background:transparent;padding:12px;isolation:isolate;animation:appear 1.6s .4s both}.jewel-heart{filter:drop-shadow(0 14px 20px #14061577) drop-shadow(0 0 22px #ea7a9840);animation:heartbeat 3.4s ease-in-out infinite;transition:transform .18s}.heart-button:active .jewel-heart{transform:scale(.9)}.heart-aura{position:absolute;inset:-20px;z-index:-1;border-radius:50%;background:radial-gradient(circle,#f19ab428,transparent 65%);animation:aura 3.4s ease-in-out infinite}.heart-spark{position:absolute;right:10px;top:25px;font-size:24px;color:#f6d5a4}.touch-note{color:#e4bfb8;font-size:12px;letter-spacing:1px}.touch-note span{padding-left:5px}.intro-footer{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:25px;right:25px;text-align:center;font-size:8px;line-height:1.8;letter-spacing:1.8px;color:#bb8e94}.orbit{position:absolute;border:1px solid #b5797d1c;border-radius:50%;width:650px;height:650px;pointer-events:none;transform:rotate(-24deg);z-index:-1}.orbit-one{width:75vw;height:120vh;min-width:400px;max-width:900px}.orbit-two{width:95vw;height:145vh;min-width:520px;max-width:1150px}.intro-star{position:absolute;color:#d4ad7d;font-size:35px;opacity:.75}.star-one{left:12%;top:25%}.star-two{right:10%;bottom:22%;font-size:23px}.opening .heart-button{transform:scale(1.15);filter:brightness(1.3);transition:transform .5s,filter .5s}.reveal-wave{position:fixed;width:160vmax;height:160vmax;left:50%;top:50%;margin:-80vmax;z-index:40;border-radius:50%;background:radial-gradient(circle,#fff9f1 35%,#edcfbc 65%,#b76b7b);pointer-events:none;animation:wave 1.35s cubic-bezier(.4,0,.2,1) both}
.scene{position:relative;padding:100px max(26px,env(safe-area-inset-left,0px)) 100px max(26px,env(safe-area-inset-right,0px));text-align:center;overflow:hidden}.birthday{background:radial-gradient(ellipse at 80% 15%,#ead1c3aa,transparent 60%),var(--cream);min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:110px;padding-bottom:105px}.birthday .eyebrow{margin-bottom:0}.birthday-number{position:relative;font-family:var(--serif);font-size:clamp(9rem,32vw,16rem);line-height:1.2;letter-spacing:-.1em;font-style:italic;background:linear-gradient(115deg,#8d663b 10%,#dfc7a0 45%,#9a7043 65%,#e4ccaa);background-clip:text;-webkit-background-clip:text;color:transparent;padding-right:.12em}.number-star{position:absolute;font-size:35px;left:-48px;top:28%;color:var(--gold);font-style:normal;letter-spacing:0}.number-star.right{left:auto;right:-42px;top:55%;font-size:22px}.birthday h2{font-size:clamp(2.7rem,7vw,5rem)}.text-heart{color:var(--rose);white-space:nowrap}.birthday-sub{margin:24px 0 30px;font-size:14px;line-height:1.9;color:var(--muted)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:15px 24px;border:1px solid #c5a79b;border-radius:40px;background:transparent;color:var(--ink);font-size:12px;line-height:1.5;max-width:100%;transition:background .2s,transform .2s}.pill:active{transform:scale(.97);background:#eacfc3}.bottom-flower{position:absolute;bottom:-37px;left:10%;font-size:135px;color:#b8976a33;font-family:var(--serif)}.celebrate{background:#f0e4d8;min-height:760px;display:flex;align-items:center;justify-content:center;flex-direction:column}.line-flower{font-family:var(--serif);font-size:76px;color:var(--gold);line-height:1;margin:15px 0 36px}.large-copy{font-family:var(--serif);font-size:clamp(1.3rem,4.8vw,1.9rem);line-height:1.75;margin-top:28px;letter-spacing:-.02em}.fine-rule{width:40px;height:1px;background:var(--gold);margin:35px auto}.body-copy{font-size:14px;line-height:1.9;color:var(--muted);max-width:370px;margin:24px auto 0}.message{background:var(--cream)}.message-heading{margin-bottom:50px}.handwritten{font-family:var(--serif);font-style:italic;color:var(--rose);font-size:23px;letter-spacing:-.5px;display:block;margin-top:22px}.message-paper{text-align:left;max-width:560px;margin:auto;border-top:1px solid #d8c2b3;padding:32px 0 0}.message-paper p{font-size:16px;line-height:1.95;color:#73565e;margin:0 0 25px}.message-paper p:first-child,.message-paper p:last-child{font-family:var(--serif);font-size:27px;font-style:italic;color:var(--rose)}.reasons{background:#f3e8e2}.reasons h2{font-size:clamp(2.6rem,6vw,4.6rem)}.discovered{font-size:10px;letter-spacing:1.4px;color:var(--rose);margin:30px auto 25px}.reason-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:540px;margin:auto}.reason{position:relative;aspect-ratio:1;min-height:55px;background:#fff9f199;border:1px solid #d9beb3;border-radius:50% 50% 45% 45%;color:var(--rose);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .2s,background .2s,box-shadow .2s}.reason span{font-family:var(--serif);font-size:28px;line-height:1.05}.reason small{font-size:9px;letter-spacing:1px;margin-top:3px}.reason:active{transform:scale(.93)}.reason.opened{background:#b76b7b;color:var(--cream);border-color:#b76b7b;box-shadow:0 4px 12px #79364714}.quiet-note{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--muted);margin-top:25px;line-height:1.8}.cake-section{background:var(--cream)}.cake-art{position:relative;width:245px;height:240px;margin:48px auto 35px}.cake-candles{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;gap:9px;z-index:3}.candle{position:relative;font-family:var(--serif);font-weight:bold;font-size:67px;line-height:1;color:#c9976c;text-shadow:1px 2px #f9dec5,-1px -1px #8f654622}.flame{position:absolute;width:11px;height:23px;background:radial-gradient(ellipse at 50% 80%,#fff6c6 15%,#f3bc68 55%,#dc8358);border-radius:65% 35% 55% 45%;top:-27px;left:calc(50% - 5px);box-shadow:0 0 20px #f9c47388;transform-origin:50% 100%;animation:flicker 1.8s ease-in-out infinite alternate;transition:opacity .7s,transform .7s}.candle:nth-child(2) .flame{animation-delay:-.8s}.cake-top{position:absolute;top:73px;left:15px;width:215px;height:49px;background:#f5d4c8;border-radius:50%;z-index:3;border:1px solid #d6aa9c}.cake-top span{display:block;font-size:28px;color:#b57e7c;line-height:42px}.cake-body{position:absolute;top:95px;left:15px;width:215px;height:113px;background:linear-gradient(90deg,#cf9599,#ebbdba 45%,#dba3a6);border-radius:0 0 48% 48% / 0 0 23% 23%;box-shadow:inset -10px 0 20px #98616a22;overflow:hidden}.cake-body>span{position:absolute;left:0;right:0;top:57px;font-size:21px;color:#fff2df}.icing{height:33px;background:#f9e4d6;clip-path:polygon(0 0,100% 0,100% 60%,95% 85%,90% 60%,85% 100%,80% 62%,75% 80%,70% 60%,65% 100%,60% 64%,55% 80%,50% 60%,45% 100%,40% 65%,35% 80%,30% 60%,25% 100%,20% 64%,15% 80%,10% 60%,5% 90%,0 60%)}.cake-plate{position:absolute;top:181px;left:0;width:245px;height:43px;border-radius:50%;background:linear-gradient(#dfc6a4,#b39163);box-shadow:0 14px 18px #8a5d4d15}.blown .flame{animation:none;opacity:0;transform:translateY(-15px) scale(.1)}.blown .cake-candles:after{content:'♡';position:absolute;top:-30px;color:var(--gold);animation:smoke 2s both}.wish-message{font-family:var(--serif);font-size:19px;line-height:1.8;color:var(--muted);animation:appear 1s both}.wish-message strong{font-weight:400;font-size:24px;color:var(--rose);display:block;margin-top:8px}.letter-section{background:#eee0d5}.envelope{display:block;position:relative;width:min(100%,310px);height:198px;margin:58px auto 0;background:linear-gradient(145deg,#fdf4e4,#e4cdb4);border:1px solid #d2b69b;border-radius:3px;box-shadow:0 20px 35px #7953401c;isolation:isolate;padding:0;transition:transform .5s}.envelope:after{content:'';position:absolute;inset:0;background:linear-gradient(32deg,transparent 49.7%,#d8bca077 50%,transparent 50.5%),linear-gradient(-32deg,transparent 49.7%,#d8bca077 50%,transparent 50.5%);pointer-events:none}.envelope-flap{position:absolute;inset:-1px -1px auto;height:120px;background:linear-gradient(#f6ead8,#ead5bb);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:transform 1s;z-index:2;filter:drop-shadow(0 2px 1px #b99b8a)}.seal{position:absolute;top:86px;left:calc(50% - 24px);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bd697b,#85394e);box-shadow:0 3px 6px #70304544,inset 0 0 0 4px #b66b7955;border:1px solid #a25666;color:#f0c6bb;font-family:var(--serif);font-size:27px;z-index:3;transition:opacity .3s,transform .5s}.envelope-note{position:absolute;top:48px;left:15px;right:15px;font-family:var(--serif);font-style:italic;color:#a07668;font-size:14px;transition:transform .8s}.envelope.is-open .envelope-flap{transform:rotateX(180deg)}.envelope.is-open .seal{opacity:0;transform:scale(.7)}.envelope.is-open .envelope-note{transform:translateY(-70px)}.envelope.is-open{transform:translateY(18px);margin-bottom:35px}.love-letter{text-align:left;max-width:550px;margin:45px auto 0;padding:32px 25px;background:var(--cream);box-shadow:0 10px 30px #76594712;animation:unfold 1s both;position:relative;border-top:2px solid #d4b28b}.love-letter p{font-family:var(--serif);font-size:18px;line-height:1.85;margin-bottom:23px}.love-letter .letter-label{font-family:var(--sans);font-size:8px;color:var(--gold);letter-spacing:2px;margin-bottom:30px}.letter-signature{margin-top:28px}.gallery{background:var(--cream)}.photo-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;max-width:900px;margin:45px auto 0;padding:10px 10px 30px;overscroll-behavior-x:contain}.photo-track figure{flex:0 0 min(82%,340px);scroll-snap-align:center;margin:0;padding:12px 12px 22px;background:white;box-shadow:0 6px 20px #68463816}.photo-track img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.photo-track figcaption{font-family:var(--serif);font-style:italic;margin-top:18px;font-size:17px;color:var(--muted)}.finale{background:radial-gradient(ellipse at 50% 60%,#74354a55,transparent 70%),var(--burgundy);color:#f5e6d8;padding-top:100px;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.finale em{color:#e0b1b0}.finale-star{display:block;color:#cdaa7e;font-size:65px;margin:10px 0 40px}.finale h2{font-size:clamp(2.5rem,6vw,4.5rem)}#finale-text p{font-size:15px;line-height:2;color:#d8bbc0;max-width:440px;margin:35px auto;white-space:pre-line}#finale-text p:last-child{font-family:var(--serif);font-size:23px;font-style:italic;color:#e7cbb9}.final-heart{display:block;width:120px;min-height:120px;line-height:1;margin:20px auto;background:none;border:0;color:#d88496;font-size:83px;text-shadow:0 0 28px #de7f9a44;animation:heartbeat 3.4s infinite;transition:font-size .3s}.finale .body-copy{color:#d8bbc0}.light-pill{border-color:#ae7884;color:#f1d6ce;margin-top:25px}.light-pill:active{background:#74354a}.love-answer strong{display:block;font-family:var(--serif);font-size:clamp(3rem,10vw,6rem);font-weight:400;color:#efb5bb;letter-spacing:-.04em;margin-top:28px;animation:appear 1s both}.love-answer span,.love-answer em{display:block;font-family:var(--serif);font-size:23px;margin-top:22px;line-height:1.6;animation:appear 1.2s .6s both}.love-answer em{animation-delay:1.3s}.final-footer{font-size:8px;letter-spacing:1.7px;color:#ae8590;line-height:1.8;margin-top:80px}.progress{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#fff9f1ed;border:1px solid #dac5b580;border-radius:40px;box-shadow:0 4px 25px #45243812;z-index:20;padding:0 4px}.progress a{display:grid;place-items:center;width:44px;min-height:44px;font-size:13px;color:#d7bbb7;transition:color .4s,transform .4s}.progress a.active{color:var(--rose);transform:scale(1.18)}dialog{border:1px solid #d6b9a9;border-radius:5px;padding:50px 27px 35px;background:var(--cream);color:var(--ink);width:min(88vw,410px);max-height:calc(100dvh - 48px);overflow:auto;text-align:center;box-shadow:0 20px 80px #260d2555}dialog[open]{animation:appear .35s both}dialog::backdrop{background:#2e122c88;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:5px;right:5px;width:44px;height:44px;background:none;border:0;color:var(--muted);font-size:27px}.dialog-heart{font-family:var(--serif);color:var(--rose);font-size:65px;line-height:1}.dialog-done{margin-top:30px}#reason-text{font-family:var(--serif);font-size:clamp(1.5rem,5vw,2rem);line-height:1.5;margin-top:20px;letter-spacing:-.025em}.dialog-open{overflow:hidden}.reveal{opacity:1}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(22px)}.js-motion .reveal{transition:opacity 1s,transform 1s}.page-hidden *{animation-play-state:paused!important}.no-script{position:fixed;inset:auto 15px 20px;z-index:50;background:var(--cream);padding:20px;line-height:1.7}#particles{position:fixed;inset:0;z-index:25;overflow:hidden;pointer-events:none}.ambient{position:absolute;width:2px;height:2px;border-radius:50%;background:#dfb97a;opacity:0;animation:drift var(--duration) var(--delay) infinite ease-in-out}.burst{position:absolute;font-size:var(--size);color:var(--color);animation:burst var(--duration) ease-out forwards;will-change:transform,opacity}
@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes heartbeat{0%,100%{transform:scale(1)}45%{transform:scale(1.045)}60%{transform:scale(1.025)}}@keyframes aura{50%{opacity:.5;transform:scale(1.15)}}@keyframes wave{0%{transform:scale(0);opacity:1}65%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}@keyframes flicker{from{transform:rotate(-5deg) scaleY(.9)}to{transform:rotate(5deg) scaleY(1.08)}}@keyframes smoke{from{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes unfold{from{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drift{0%,100%{opacity:0;transform:translateY(20px)}50%{opacity:.7;transform:translateY(-25px)}}@keyframes burst{0%{opacity:0;transform:translate(0,0) rotate(0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--spin)) scale(1)}}
@media(min-width:760px){.masthead{padding-left:55px;padding-right:55px}.date{font-size:10px}.scene{padding-top:120px;padding-bottom:120px}.birthday{padding-top:110px}.intro-copy br{display:none}.intro-content>.eyebrow{margin-bottom:32px}.heart-button{margin-top:30px}.message{display:grid;grid-template-columns:1fr 1fr;gap:75px;text-align:left;padding-left:max(8vw,40px);padding-right:max(8vw,40px)}.message-heading{position:sticky;top:100px;align-self:start}.message-paper{padding-top:28px}.reason-grid{gap:18px}.reason span{font-size:36px}.reason small{font-size:11px}.finale{padding-bottom:130px}}
@media(max-height:740px) and (max-width:759px){.intro{padding-top:85px;padding-bottom:65px}.intro .eyebrow{font-size:8px;margin-bottom:18px}.intro h1{font-size:clamp(2.35rem,7.8vw,3.2rem)}.intro-copy{margin-top:18px}.heart-button{width:137px;height:137px;margin-top:15px}.intro-footer{font-size:7px;bottom:20px}.birthday{padding-top:85px;padding-bottom:85px}.birthday-number{font-size:125px}.birthday h2{font-size:2.5rem}.birthday-sub{margin:15px 0 22px}.birthday .eyebrow{font-size:8px}.scene:not(.birthday){padding-top:80px;padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.reveal-wave{display:none}.burst,.ambient{display:none}}

/* iPhone-Korrektur: dekoratives U+2733 unabhängig von Emoji-Schriften zeichnen.
   HTML und persönliche Texte bleiben unverändert. Die Grafik ist eingebettet. */
.bottom-flower,.line-flower{
  display:block;
  font-size:0;
  line-height:0;
  flex-shrink:0;
}
.bottom-flower{width:135px;height:135px}
.line-flower{width:76px;height:76px}
.bottom-flower::before,.line-flower::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 5v90M5 50h90M18 18l64 64M18 82l64-64' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 5v90M5 50h90M18 18l64 64M18 82l64-64' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}