@layer components{.gift-action{box-sizing:border-box;background:var(--primary);width:max-content;min-width:min(260px,100%);max-width:min(320px,100%);min-height:56px;color:var(--primary-foreground);letter-spacing:.05em;text-align:center;vertical-align:middle;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:16px 56px;font-family:inherit;font-size:15px;font-weight:500;line-height:24px;text-decoration:none;transition:background-color .45s cubic-bezier(.25,1,.5,1),transform .15s;display:inline-flex;position:relative}.gift-action--small{min-width:min(160px,100%);max-width:min(180px,100%);min-height:44px;padding:10px 56px 10px 24px;font-size:13px;line-height:24px}.gift-action__text{overflow-wrap:anywhere;white-space:normal;min-width:0;transition:transform .45s cubic-bezier(.25,1,.5,1)}.gift-action__icon{background:var(--primary-foreground);width:24px;height:24px;color:var(--primary);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .45s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:calc(50% - 12px);right:16px;overflow:hidden}.gift-action__icon svg{flex-shrink:0;display:block;overflow:visible}.gift-action:focus-visible{outline:2px solid var(--primary);outline-offset:4px;background:color-mix(in srgb, var(--primary) 88%, var(--foreground))}.gift-action:focus-visible .gift-action__text{transform:translate(-4px)}.gift-action:focus-visible .gift-action__icon{transform:translate(4px)scale(1.08)}.gift-action:focus-visible .gift-action__icon svg{animation:.45s cubic-bezier(.25,1,.5,1) gift-action-arrowSlide}@media (hover:hover) and (pointer:fine){.gift-action:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 88%, var(--foreground))}.gift-action:hover:not(:disabled) .gift-action__text{transform:translate(-4px)}.gift-action:hover:not(:disabled) .gift-action__icon{transform:translate(4px)scale(1.08)}.gift-action:hover:not(:disabled) .gift-action__icon svg{animation:.45s cubic-bezier(.25,1,.5,1) gift-action-arrowSlide}}.gift-action:active:not(:disabled){transform:translateY(1px)}.gift-action:disabled{opacity:.5;cursor:not-allowed}@keyframes gift-action-arrowSlide{0%{opacity:1;transform:translate(0)}49%{opacity:0;transform:translate(120%)}50%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.gift-action,.gift-action .gift-action__text,.gift-action .gift-action__icon,.gift-action .gift-action__icon svg{transition:background-color .15s linear;animation:none!important;transform:none!important}}}
