.btn-social{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--rounded-btn,.5rem);border-color:#0000;border-color:oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity));text-align:center;border-width:var(--border-btn,1px);--tw-text-opacity:1;height:3rem;min-height:3rem;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity:1;--tw-border-opacity:1;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:600;line-height:1em;text-decoration-line:none;transition-property:color,background-color,border-color,opacity,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.btn-social[disabled],.btn-social:disabled{pointer-events:none}:where(.btn-social:is(input[type=checkbox])),:where(.btn-social:is(input[type=radio])){appearance:none;width:auto}.btn-social:is(input[type=checkbox]):after,.btn-social:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}@media (hover:hover){@supports (color:color-mix(in oklab, black, black)){.btn-social:hover{background-color:color-mix(in oklab, oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity,1)) 90%, black);border-color:color-mix(in oklab, oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity,1)) 90%, black)}}@supports not (color:oklch(0% 0 0)){.btn-social:hover{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}@supports (color:color-mix(in oklab, black, black)){.btn-social:hover{background-color:color-mix(in oklab, oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity,1)) 90%, black);border-color:color-mix(in oklab, oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity,1)) 90%, black)}}@supports not (color:oklch(0% 0 0)){.btn-social:hover{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}.btn-social:hover{--tw-border-opacity:1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@supports (color:color-mix(in oklab, black, black)){.btn-social:hover{background-color:color-mix(in oklab, oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity,1)) 90%, black);border-color:color-mix(in oklab, oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity,1)) 90%, black)}}@supports not (color:oklch(0% 0 0)){.btn-social:hover{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}.btn-social.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn-social[disabled]:hover,.btn-social:disabled:hover{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:.2}@supports (color:color-mix(in oklab, black, black)){.btn-social:is(input[type=checkbox]:checked):hover,.btn-social:is(input[type=radio]:checked):hover{background-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);border-color:color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black)}}}@media (prefers-reduced-motion:no-preference){.btn-social{animation:button-pop var(--animation-btn,.25s) ease-out}}.btn-social:active:hover,.btn-social:active:focus{transform:scale(var(--btn-focus-scale,.97));animation:ease-out button-pop}@supports not (color:oklch(0% 0 0)){.btn-social{background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2))}}.btn-social:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid}.btn-social.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);outline-color:currentColor}.btn-social.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn-social.btn-disabled,.btn-social[disabled],.btn-social:disabled{--tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:.2}.btn-social:is(input[type=checkbox]:checked),.btn-social:is(input[type=radio]:checked){--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}.btn-social:is(input[type=checkbox]:checked):focus-visible,.btn-social:is(input[type=radio]:checked):focus-visible{outline-color:var(--fallback-p,oklch(var(--p)/1))}.join>:where(:not(:first-child)).btn-social{margin-inline-start:calc(var(--border-btn) * -1)}.join.join-vertical>:where(:not(:first-child)).btn-social{margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal>:where(:not(:first-child)).btn-social{margin-inline-start:calc(var(--border-btn) * -1);margin-top:0}.btn-social{background-color:var(--color-plum);border-style:none;border-radius:9999px;width:3.5rem;height:3.5rem}.btn-social:hover{background-color:var(--color-plum);--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity,1)))}.btn-container{cursor:pointer;color:var(--color-gray);flex-direction:column;align-items:center;gap:.25rem;display:flex}.btn-container:hover{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity,1)))}.share-container{cursor:pointer;background-color:var(--color-plum);border-radius:9999px;flex-direction:row;justify-content:space-between;align-items:center;min-width:100%;padding:1rem;display:flex}@media (min-width:768px){.share-container{min-width:24rem}}.share-text{white-space:nowrap;color:var(--color-gray);text-overflow:ellipsis;max-width:90%;overflow:hidden}.share-icon{color:var(--color-gray) ;margin-left:.5rem}
