.photo-button{width:100%;min-height:calc(60/var(--size-unit)*1em);padding:calc(6/var(--size-unit)*1em) calc(16/var(--size-unit)*1em);color:#fff;font:inherit;text-align:left;cursor:pointer;background:var(--glass-bg);-webkit-backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));backdrop-filter:blur(calc(20 / var(--size-unit) * 1em));border-radius:calc(12/var(--size-unit)*1em);border:none;justify-content:space-between;align-items:center;text-decoration:none;display:flex;position:relative}.photo-button:before{content:"";z-index:0;background:var(--photo-button-image) no-repeat center center;border-radius:inherit;background-size:cover;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.photo-button:after{content:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.5 10.8479H16.1958\" stroke=\"white\"/><path d=\"M11.1577 5.80977L16.1958 10.8479L11.1577 15.886\" stroke=\"white\"/></svg>");z-index:1;margin-left:calc(6/var(--size-unit)*1em);width:calc(20/var(--size-unit)*1em);height:calc(20/var(--size-unit)*1em);flex-shrink:0;display:inline-block;position:relative}@media (hover:hover){.photo-button:hover:before{opacity:.7}}.photo-button__content{z-index:1;align-items:center;gap:calc(8/var(--size-unit)*1em);color:#fff;display:flex;position:relative}.photo-button__icon{width:auto;height:calc(48/var(--size-unit)*1em);object-fit:contain}