.care-plan{container:care-plan / inline-size;padding-top:var(--care-plan-spacing-top);padding-bottom:var(--care-plan-spacing-bottom)}.care-plan__box{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem;border:.1rem solid var(--care-plan-box-border);background:var(--care-plan-box-background);color:var(--care-plan-box-text)}.care-plan__text{flex:1 1 auto;min-width:0;font-size:1.4rem;line-height:1.5}.care-plan__text p{margin:0}.care-plan__button{--care-plan-cover: 1.8rem;--care-plan-cover-hover: .2rem;--care-plan-slant: 1.6rem;--care-plan-easing: cubic-bezier(.25, .1, .37, 1.45);position:relative;display:inline-flex;align-items:stretch;flex:0 0 auto;min-height:4.8rem;padding:0;border:.1rem solid var(--care-plan-flap);border-radius:var(--button-radius);background:var(--care-plan-badge-background);color:var(--care-plan-button-text);font-family:var(--font-button-family);cursor:pointer;isolation:isolate}.care-plan__button:disabled{cursor:not-allowed;opacity:.6}.care-plan__label{display:flex;align-items:center;justify-content:center;flex:1 1 auto;padding:0 1.6rem 0 2rem;background:var(--care-plan-button-background);font-size:var(--font-button-size);font-weight:600;letter-spacing:.2em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.care-plan__badge{position:relative;z-index:1;display:flex;align-items:center;flex:0 0 auto;padding:0 1.4rem 0 1.2rem;color:var(--care-plan-badge-text);font-size:1.4rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.care-plan__badge-text{position:relative;z-index:0}.care-plan__badge:before{content:"";position:absolute;top:0;bottom:0;left:-.1rem;z-index:1;width:calc(var(--care-plan-cover) + var(--care-plan-slant));background:var(--care-plan-button-background);clip-path:polygon(0 0,calc(100% - var(--care-plan-slant)) 0,100% 100%,0 100%);transition:width .6s var(--care-plan-easing);pointer-events:none}.care-plan__badge:after{content:"";position:absolute;top:-.6rem;left:calc(var(--care-plan-cover) - 1.4rem);z-index:2;width:2.6rem;height:calc(100% + 1.2rem);border-radius:1.2rem 0 0 1.2rem;background:var(--care-plan-flap);clip-path:polygon(0 0,100% 0,40% 100%,0 100%);transform:rotate(-42deg) translateY(.9rem) scale(1.05);transition:left .6s var(--care-plan-easing),width .6s var(--care-plan-easing),transform .6s var(--care-plan-easing);pointer-events:none}.care-plan__button:not(:disabled):hover .care-plan__badge:before,.care-plan__button:focus-visible .care-plan__badge:before{width:calc(var(--care-plan-cover-hover) + var(--care-plan-slant))}.care-plan__button:not(:disabled):hover .care-plan__badge:after,.care-plan__button:focus-visible .care-plan__badge:after{left:calc(var(--care-plan-cover-hover) - 1.8rem);width:3.6rem;transform:rotate(-50deg) translateY(1.1rem)}@container care-plan (max-width: 460px){.care-plan__box{flex-direction:column;align-items:stretch;gap:1.2rem;padding:1.2rem}.care-plan__button{width:100%}}@media(prefers-reduced-motion:reduce){.care-plan__badge:before,.care-plan__badge:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-care-plan.css.map */