/* Save button on Discover cards. */
.discovery-card__save { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid #d9ded6; border-radius: 10px; background: #fff; color: #173b30; font: inherit; font-size: var(--fs-sm); font-weight: 650; cursor: pointer; &:where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))):where(:not(.force-light, .force-light *)), :where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))) &:where(:not(.force-light, .force-light *)) { border: 1px solid #313330; background: #1d1e1e; color: #ecf8f4; } }
.discovery-card__save svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.discovery-card__save:hover:not(:disabled) { background: #f3f6f4; border-color: #c5ccc3; &:where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))):where(:not(.force-light, .force-light *)), :where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))) &:where(:not(.force-light, .force-light *)) { background: #131514; border-color: #373a36; } }
.discovery-card__save[aria-pressed="true"] { background: #e6f2ea; border-color: #b9dcc8; color: #184e3a; &:where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))):where(:not(.force-light, .force-light *)), :where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))) &:where(:not(.force-light, .force-light *)) { background: #101211; border-color: #2c3a32; color: #e4f4ec; } }
.discovery-card__save:focus-visible { outline: 3px solid #2f8f68; outline-offset: 3px; }
.discovery-card__save:disabled { cursor: progress; opacity: .6; }
.discovery-card__save-note { margin: 10px 0 0; font-size: var(--fs-ui); line-height: 1.5; color: #3c554b; &:where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))):where(:not(.force-light, .force-light *)), :where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))) &:where(:not(.force-light, .force-light *)) { color: #e3ece8; } }
.discovery-card__save-note a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 650; color: #184e3a; &:where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))):where(:not(.force-light, .force-light *)), :where(:root):where([data-scheme="dark"]:not(:has(.storefront-body))) &:where(:not(.force-light, .force-light *)) { color: #e4f4ec; } }