:root{--cod-bg: transparent;--cod-fg: rgb(var(--color-foreground));--cod-border: rgb(var(--color-foreground));--cod-hover-bg: rgb(var(--color-foreground));--cod-hover-fg: rgb(var(--color-background));--cod-hover-border: rgb(var(--color-foreground));--cod-pulse: rgba(var(--color-foreground), .32);--cod-radius: 8px}html[data-cod-button-look=solid]{--cod-bg: rgb(var(--color-button));--cod-fg: rgb(var(--color-button-text));--cod-border: rgb(var(--color-button));--cod-hover-bg: transparent;--cod-hover-fg: rgb(var(--color-button));--cod-hover-border: rgb(var(--color-button));--cod-pulse: rgba(var(--color-button), .32)}html[data-cod-button-look=accent]{--cod-bg: var(--cod-accent, #b8955a);--cod-fg: var(--cod-accent-text, #ffffff);--cod-border: var(--cod-accent, #b8955a);--cod-hover-bg: transparent;--cod-hover-fg: var(--cod-accent, #b8955a);--cod-hover-border: var(--cod-accent, #b8955a);--cod-pulse: color-mix(in srgb, var(--cod-accent, #b8955a) 45%, transparent)}.cod-btn.cod-btn{align-items:center;-webkit-appearance:none;appearance:none;background:var(--cod-bg);border:1px solid var(--cod-border)!important;border-radius:var(--cod-radius)!important;box-shadow:none;box-sizing:border-box;color:var(--cod-fg);cursor:pointer;display:flex!important;font-family:var(--font-body-family);font-size:11px!important;font-style:normal;font-weight:600;gap:10px;justify-content:center;letter-spacing:.12em;line-height:1.15!important;margin:0!important;min-height:46px!important;opacity:1;padding:7px 12px!important;pointer-events:auto;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,border-color .18s ease;width:100%!important}.cod-btn.cod-btn>div,.cod-btn.cod-btn>span{color:inherit;display:inline-flex;font:inherit;letter-spacing:inherit;margin:0;padding:0}.cod-btn.cod-btn .bi{display:inline-flex;font-size:15px!important;line-height:1}.cod-btn.cod-btn .bi:before{font-size:inherit!important}.cod-btn.cod-btn svg{fill:currentColor;flex:0 0 auto;height:15px;width:15px}.cod-btn__text{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center}.cod-btn__title{font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1.15}.cod-btn__sub{font-size:9px;font-weight:400;letter-spacing:.1em;line-height:1.15;opacity:.72}@media(hover:hover)and (pointer:fine){.cod-btn.cod-btn:hover{background:var(--cod-hover-bg);border-color:var(--cod-hover-border)!important;color:var(--cod-hover-fg)}}.cod-btn--pdp.cod-btn{gap:12px;margin-top:10px!important;min-height:54px!important}.cod-btn--pdp .cod-btn__title{font-size:12.5px}.cod-btn--pdp .cod-btn__sub{font-size:10px}.cod-btn--pdp.cod-btn .bi{font-size:17px!important}.custom-product-slider__quick-add .cod-btn.cod-btn,.nayelle-recommendations__quick-add .cod-btn.cod-btn{margin-top:10px!important}@media screen and (max-width:749px){.cod-btn--card.cod-btn{gap:7px;min-height:40px!important;padding:5px 6px!important}.cod-btn--card .cod-btn__title{font-size:9.5px;letter-spacing:.08em}.cod-btn--card .cod-btn__sub{font-size:8px;letter-spacing:.06em}.cod-btn--card.cod-btn .bi{font-size:13px!important}.cod-btn--card.cod-btn svg{height:13px;width:13px}}:root{--cod-sheen: rgba(245, 242, 234, .6);--cod-glow: rgba(245, 242, 234, .85)}@keyframes cod-sheen{0%{transform:translate(-160%) skew(-22deg);opacity:0}6%{opacity:1}30%{transform:translate(260%) skew(-22deg);opacity:1}32%,to{transform:translate(260%) skew(-22deg);opacity:0}}@keyframes cod-glow{0%,to{box-shadow:0 0 0 0 transparent;border-color:var(--cod-border)}50%{box-shadow:0 0 0 1px var(--cod-glow),0 4px 16px -6px var(--cod-glow);border-color:var(--cod-glow)}}@keyframes cod-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}html[data-cod-button-anim=sheen] .cod-btn.cod-btn,html[data-cod-button-anim=sheen] .nayelle-card__quick-add--below .nayelle-card__quick-add-button{overflow:hidden;position:relative}html[data-cod-button-anim=sheen] .cod-btn.cod-btn:after,html[data-cod-button-anim=sheen] .nayelle-card__quick-add--below .nayelle-card__quick-add-button:after{animation:cod-sheen 3s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,transparent 0%,var(--cod-sheen) 50%,transparent 100%);content:"";display:block!important;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:38%}html[data-cod-button-anim=glow] .cod-btn.cod-btn,html[data-cod-button-anim=glow] .nayelle-card__quick-add--below .nayelle-card__quick-add-button{animation:cod-glow 3.6s ease-in-out infinite}html[data-cod-button-anim=breathe] .cod-btn.cod-btn,html[data-cod-button-anim=breathe] .nayelle-card__quick-add--below .nayelle-card__quick-add-button{animation:cod-breathe 3.2s ease-in-out infinite}.cod-btn.cod-btn:hover,.nayelle-card__quick-add--below .nayelle-card__quick-add-button:hover,.cod-btn.cod-btn:hover:after,.nayelle-card__quick-add--below .nayelle-card__quick-add-button:hover:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.cod-btn.cod-btn,.nayelle-card__quick-add--below .nayelle-card__quick-add-button,.cod-btn.cod-btn:after,.nayelle-card__quick-add--below .nayelle-card__quick-add-button:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/cod-button.css.map */