{"product_id":"hand-dyed-aqua-blue-buttons-20mm-four-hole-matching-15mm-available","title":"Hand Dyed Aqua Blue Buttons – 20mm Four Hole – Matching 15mm Available","description":"\u003cdiv class=\"relative basis-auto flex-col -mb-(--composer-overlap-px) pb-(--composer-overlap-px) [--composer-overlap-px:28px] grow flex\"\u003e\n\u003cdiv class=\"flex min-h-0 grow flex-col text-sm\"\u003e\n\u003cdiv class=\"qMYqUG_convSearchResultHighlightRoot\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003csection class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv dir=\"auto\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden\"\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full light markdown-new-styling\"\u003e\n\u003cp class=\"PDq2pG_selectionAnchorContainer\"\u003eA lovely soft aqua blue hand dyed button with a simple four-hole centre and a slightly raised rim. The hand dyed finish gives the colour a little depth and variation, so they work beautifully with hand knits and natural fabrics.\u003cspan class=\"PDq2pG_selectionAnchor\"\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eThe \u003cstrong\u003e20mm size is a great choice for cardigans, jackets, coats and waistcoats\u003c\/strong\u003e, and there’s also a \u003cstrong\u003ematching 15mm button available\u003c\/strong\u003e, ideal for cuffs or anywhere you’d like a smaller coordinating size.\u003c\/p\u003e\n\u003cp\u003ePerfect for knitters, sewing and craft projects, and particularly lovely with cream, oatmeal, denim blue, soft grey and other natural shades.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eSize:\u003c\/strong\u003e 20mm \/ 32L \/ approx. ¾ inch\u003cbr\u003e\u003cstrong\u003eStyle:\u003c\/strong\u003e Four hole sew-through\u003cbr\u003e\u003cstrong\u003eFinish:\u003c\/strong\u003e Hand dyed\u003cbr\u003e\u003cstrong\u003eColour:\u003c\/strong\u003e Soft blue\u003cbr\u003e\u003cstrong\u003eMatching size:\u003c\/strong\u003e 15mm cuff-size button also available\u003c\/p\u003e\n\u003cp\u003eAs these buttons are hand dyed, there may be subtle variations in colour between individual buttons and batches — part of the character of the finish.\u003c\/p\u003e\n\u003cp\u003eThe colour shown is for guidance as all screens vary.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eFast UK dispatch – usually within 1–2 working days.\u003c\/strong\u003e\u003cbr\u003eOne flat UK postage rate, so you can fill your basket! Selected international delivery is also available.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"z-0 flex min-h-[46px] justify-start\"\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"\"\u003e\n\u003csection class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-(--sticky-padding-top)\" dir=\"auto\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto pt-12 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv dir=\"auto\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden items-end rtl:items-start\"\u003e\n\u003cdiv class=\"corner-superellipse\/0.98 relative min-w-0 overflow-hidden rounded-[22px] px-4 py-2.5 leading-6 user-message-bubble-color max-w-(--user-chat-width,70%)\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"\"\u003e\n\u003csection class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv class=\"flex flex-col\"\u003e\n\u003cdiv class=\"pb-2\"\u003e\n\u003cdiv class=\"relative pb-2\"\u003e\n\u003cdiv class=\"relative\"\u003e\n\u003cdiv class=\"group\/imagegen-image relative w-full overflow-hidden max-w-[25rem] rounded-[36px]\" id=\"image-4f3491a9-2409-4cc4-960d-4766f3065dfd\"\u003e\n\u003cdiv class=\"relative z-0 h-full w-full rounded-[inherit] after:pointer-events-none after:absolute after:inset-0 after:z-3 after:rounded-[inherit] after:opacity-0 after:[outline:2px_auto_-webkit-focus-ring-color] after:[outline-offset:-2px] after:transition-opacity after:content-[''] focus-visible:outline-none focus-visible:after:opacity-100\" role=\"button\" tabindex=\"0\"\u003e\n\u003cdiv class=\"relative z-0 cursor-pointer overflow-hidden rounded-[inherit] max-w-[25rem]\"\u003e\n\u003cdiv class=\"relative z-1 w-full overflow-hidden rounded-[inherit]\"\u003e\u003cimg width=\"1086\" height=\"1448\" alt=\"\" loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/chatgpt.com\/backend-api\/estuary\/content?id=file_0000000081ec81f4bc208ca1a66ce932\u0026amp;ts=496234\u0026amp;p=fs\u0026amp;cid=1\u0026amp;sig=fb511ca8433823d6d6bcb28db1cc4181e308f16a1d54ecf105e45fe9e784979e\u0026amp;v=0\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"absolute inset-0 z-0 scale-110 overflow-hidden rounded-[inherit] blur-2xl\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" alt=\"\" class=\"absolute top-0 w-full\" src=\"https:\/\/chatgpt.com\/backend-api\/estuary\/content?id=file_0000000081ec81f4bc208ca1a66ce932\u0026amp;ts=496234\u0026amp;p=fs\u0026amp;cid=1\u0026amp;sig=fb511ca8433823d6d6bcb28db1cc4181e308f16a1d54ecf105e45fe9e784979e\u0026amp;v=0\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pointer-events-none absolute z-2 overflow-hidden rounded-b-[inherit] end-0 bottom-0 w-full\"\u003e\n\u003cdiv class=\"bg-linear-to-b from-transparent to-black\/30 h-20 w-full transition-opacity duration-75 ease-out opacity-100\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"absolute inset-0 flex opacity-100 pointer-events-auto p-3 items-end justify-end\"\u003e\n\u003cdiv class=\"flex w-full items-center justify-between\"\u003e\n\u003cdiv class=\"flex items-end gap-2\"\u003e\u003cbutton type=\"button\" class=\"pointer-events-auto z-11 flex items-center justify-center text-sm font-medium text-white h-10 gap-0 rounded-full bg-black\/15 px-3 backdrop-blur-md hover:bg-black\/30 focus:bg-black\/30\"\u003eEdit\u003c\/button\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex gap-2\"\u003e\u003cbutton type=\"button\" class=\"pointer-events-auto z-11 flex items-center justify-center text-sm font-medium text-white group h-10 w-10\"\u003e\u003cspan class=\"flex h-9 w-9 items-center justify-center rounded-full bg-black\/15 backdrop-blur-md group-hover:bg-black\/30 group-focus:bg-black\/30\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" class=\"icon fill-current\"\u003e\u003cuse href=\"\/cdn\/assets\/sprites-core-607cb53d.svg#630ca2\" fill=\"currentColor\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"z-0 flex min-h-[46px] justify-start\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"\"\u003e\n\u003csection class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-(--sticky-padding-top)\" dir=\"auto\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto pt-12 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv dir=\"auto\" class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden items-end rtl:items-start\"\u003e\n\u003cdiv class=\"corner-superellipse\/0.98 relative min-w-0 overflow-hidden rounded-[22px] px-4 py-2.5 leading-6 user-message-bubble-color max-w-(--user-chat-width,70%)\"\u003e\n\u003cdiv class=\"max-w-full min-w-0 [overflow-wrap:anywhere] whitespace-pre-wrap\"\u003eand an image of the 15mm ones on a sleeve\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"z-0 flex justify-end\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"\"\u003e\n\u003csection class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto pb-8 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv class=\"flex flex-col\"\u003e\n\u003cdiv class=\"pb-2\"\u003e\n\u003cdiv class=\"relative pb-2\"\u003e\n\u003cdiv class=\"relative\"\u003e\n\u003cdiv class=\"group\/imagegen-image relative w-full overflow-hidden max-w-[25rem] rounded-[36px]\" id=\"image-5603ac6d-9b6d-4256-a7da-7ee8880b0a9d\"\u003e\n\u003cdiv class=\"relative z-0 h-full w-full rounded-[inherit] after:pointer-events-none after:absolute after:inset-0 after:z-3 after:rounded-[inherit] after:opacity-0 after:[outline:2px_auto_-webkit-focus-ring-color] after:[outline-offset:-2px] after:transition-opacity after:content-[''] focus-visible:outline-none focus-visible:after:opacity-100\" role=\"button\" tabindex=\"0\"\u003e\n\u003cdiv class=\"relative z-0 cursor-pointer overflow-hidden rounded-[inherit] max-w-[25rem]\"\u003e\n\u003cdiv class=\"absolute start-0 end-0 top-0 z-2 w-full overflow-hidden rounded-[inherit] transition-[mask] ease-linear\"\u003e\u003cimg id=\"_r_1uv_\" loading=\"lazy\" decoding=\"async\" width=\"1086\" height=\"1448\" alt=\"Generated image: Pastel Blue Blazer Cuff Detail\" class=\"absolute top-0 z-1 w-full\" src=\"https:\/\/chatgpt.com\/backend-api\/estuary\/content?id=file_00000000711c81f9be4126b8a4f574ae\u0026amp;ts=496234\u0026amp;p=fs\u0026amp;cid=1\u0026amp;sig=6f1432a956e271525edada6a6d098cf753e234e001aa384577925957a796c5c2\u0026amp;v=0\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"relative z-1 w-full overflow-hidden rounded-[inherit]\"\u003e\u003cimg width=\"1086\" height=\"1448\" alt=\"\" loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/chatgpt.com\/backend-api\/estuary\/content?id=file_00000000711c81f9be4126b8a4f574ae\u0026amp;ts=496234\u0026amp;p=fs\u0026amp;cid=1\u0026amp;sig=6f1432a956e271525edada6a6d098cf753e234e001aa384577925957a796c5c2\u0026amp;v=0\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"absolute inset-0 z-0 scale-110 overflow-hidden rounded-[inherit] blur-2xl\"\u003e\u003cimg loading=\"lazy\" decoding=\"async\" alt=\"\" class=\"absolute top-0 w-full\" src=\"https:\/\/chatgpt.com\/backend-api\/estuary\/content?id=file_00000000711c81f9be4126b8a4f574ae\u0026amp;ts=496234\u0026amp;p=fs\u0026amp;cid=1\u0026amp;sig=6f1432a956e271525edada6a6d098cf753e234e001aa384577925957a796c5c2\u0026amp;v=0\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pointer-events-none absolute z-2 overflow-hidden rounded-b-[inherit] end-0 bottom-0 w-full\"\u003e\n\u003cdiv class=\"bg-linear-to-b from-transparent to-black\/30 h-20 w-full transition-opacity duration-75 ease-out opacity-100\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"absolute inset-0 flex opacity-100 pointer-events-auto p-3 items-end justify-end\"\u003e\n\u003cdiv class=\"flex w-full items-center justify-between\"\u003e\n\u003cdiv class=\"flex items-end gap-2\"\u003e\u003cbutton type=\"button\" class=\"pointer-events-auto z-11 flex items-center justify-center text-sm font-medium text-white h-10 gap-0 rounded-full bg-black\/15 px-3 backdrop-blur-md hover:bg-black\/30 focus:bg-black\/30\"\u003eEdit\u003c\/button\u003e\u003c\/div\u003e\n\u003cdiv class=\"flex gap-2\"\u003e\u003cbutton type=\"button\" class=\"pointer-events-auto z-11 flex items-center justify-center text-sm font-medium text-white group h-10 w-10\"\u003e\u003cspan class=\"flex h-9 w-9 items-center justify-center rounded-full bg-black\/15 backdrop-blur-md group-hover:bg-black\/30 group-focus:bg-black\/30\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" class=\"icon fill-current\"\u003e\u003cuse href=\"\/cdn\/assets\/sprites-core-607cb53d.svg#630ca2\" fill=\"currentColor\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"z-0 flex min-h-[46px] justify-start\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mt-3 w-full empty:hidden has-[\u0026gt;_:empty]:hidden\"\u003e\n\u003cdiv class=\"text-center\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pointer-events-none -mt-px h-px translate-y-(--scroll-root-safe-area-inset-bottom)\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mt-auto grid\"\u003e\n\u003cdiv class=\"col-start-1 row-start-1\"\u003e\n\u003cdiv class=\"pointer-events-none translate-y-(--scroll-root-safe-area-inset-bottom) R6Vx5W_threadScrollVars min-h-(--gutter-remaining-height,0px) group-data-stream-active\/scroll-root:h-[calc(var(--thread-response-height)-16*var(--spacing))]\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sticky bottom-(--scroll-root-safe-area-inset-bottom,0px) col-start-1 row-start-1 self-end\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003cdiv class=\"min-h-9 pt-2 text-center text-xs text-token-text-tertiary [view-transition-name:var(--vt-disclaimer)] pb-4 relative overflow-hidden @w-sm\/main:px-[60px]\"\u003e\n\u003cdiv class=\"text-base mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"thread-bottom-container\" class=\"sticky bottom-0 z-10 group\/thread-bottom-container relative isolate w-full basis-auto has-data-has-thread-error:pt-2 has-data-has-thread-error:[box-shadow:var(--sharp-edge-bottom-shadow)] md:border-transparent md:pt-0 dark:border-white\/20 md:dark:border-transparent print:hidden pointer-events-none [--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] Ejxyja_threadFooterContentFade flex flex-col\"\u003e\n\u003cdiv class=\"pointer-events-none\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"w-full\"\u003e\n\u003cdiv class=\"text-base mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 pointer-events-auto @[53.5rem]\/main:[--thread-content-max-width:48rem] w-full\"\u003e\n\u003cdiv class=\"pointer-events-auto mb-(--thread-component-gap,24px) w-full empty:hidden\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pointer-events-auto relative mx-auto h-0\"\u003e\n\u003cdiv class=\"flex h-0 items-end justify-center motion-safe:transition-all motion-safe:delay-300 motion-safe:duration-300 group-[:not([data-scroll-from-end])]\/scroll-root:scale-50 group-[:not([data-scroll-from-end])]\/scroll-root:translate-y-2 group-[:not([data-scroll-from-end])]\/scroll-root:opacity-0 group-[:not([data-scroll-from-end])]\/scroll-root:pointer-events-none group-[:not([data-scroll-from-end])]\/scroll-root:duration-100 group-[:not([data-scroll-from-end])]\/scroll-root:delay-0 absolute start-1\/2 z-10 -translate-x-1\/2 bottom-[calc(100%+3*var(--spacing)+var(--thread-scroll-to-bottom-banner-offset,0px))]\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"thread-bottom\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"text-base mx-auto [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 mb-(--thread-component-gap,24px) pointer-events-auto\"\u003e\n\u003cdiv class=\"w-full\"\u003e\n\u003cdiv class=\"pointer-events-auto relative z-1 flex h-(--composer-container-height,100%) max-w-full flex-(--composer-container-flex,1) flex-col\"\u003e\n\u003cdiv class=\"flex justify-center empty:hidden\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"absolute start-0 end-0 bottom-full z-20\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cform autocomplete=\"off\" class=\"group\/composer w-full\"\u003e\n\u003cdiv class=\"hidden\"\u003e\u003cinput multiple id=\"upload-files\" type=\"file\" tabindex=\"-1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"relative\"\u003e\n\u003cdiv class=\"bg-(--composer-surface-primary) cursor-text overflow-clip bg-clip-padding px-2 py-[9px] contain-inline-size motion-safe:transition-colors motion-safe:duration-200 motion-safe:ease-in-out group-not-data-expanded\/composer:min-h-[52px] group-not-data-expanded\/composer:py-[5px] grid grid-cols-[auto_1fr_auto] [grid-template-areas:'header_header_header'_'leading_primary_trailing'_'._footer_.'] group-data-expanded\/composer:[grid-template-areas:'header_header_header'_'primary_primary_primary'_'leading_footer_trailing'] max-sm:[grid-template-areas:'header_header_header'_'primary_primary_primary'_'leading_footer_trailing'] shadow-short-composer max-sm:not-dark:shadow-[0_0_0_1px_rgba(0,_0,_0,_0.04),0_2px_8px_0_rgba(0,_0,_0,_0.04),0px_4px_40px_8px_rgba(0,_0,_0,_0.025)]\"\u003e\n\u003cdiv class=\"self-center [grid-area:leading]\"\u003e\n\u003cdiv id=\"_r_1sn_\" popover=\"hint\" hidden=\"\" role=\"tooltip\" class=\"fixed inset-s-[anchor(center)] inset-e-auto top-[calc(anchor(bottom)+var(--spacing))] bottom-auto h-fit -translate-x-1\/2 [position-try-fallbacks:flip-block] flex flex-col overflow-visible bg-transparent z-50 [inset-inline:auto]! translate-none! [position-area:span-all]\"\u003e\u003c\/div\u003e\n\u003cspan class=\"flex\"\u003e\u003cbutton type=\"button\" class=\"composer-btn\" id=\"composer-plus-btn\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" class=\"icon\"\u003e\u003cuse href=\"\/cdn\/assets\/sprites-shell-0b456576.svg#plus-regular-20\" fill=\"currentColor\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/button\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"-my-2.5 flex overflow-x-hidden ps-1.75 pe-1.5 [grid-area:primary] group-data-expanded\/composer:mb-0 group-data-expanded\/composer:ps-2.5 group-data-expanded\/composer:pe-2.5 min-h-14 items-center\"\u003e\n\u003cdiv class=\"wcDTda_prosemirror-parent text-token-text-primary max-h-[max(30svh,5rem)] max-h-52 min-h-[var(--deep-research-composer-extra-height,unset)] flex-1 scroll-py-4 overflow-auto [scrollbar-width:thin] default-browser vertical-scroll-fade-mask group-data-[expanded-composer-mode-button]\/composer:pe-9\"\u003e\n\u003ctextarea class=\"wcDTda_fallbackTextarea\" name=\"prompt-textarea\" autocomplete=\"off\" inputmode=\"text\" autocapitalize=\"sentences\" spellcheck=\"true\" placeholder=\"Ask ChatGPT\"\u003e\u003c\/textarea\u003e\n\u003cdiv autocomplete=\"off\" inputmode=\"text\" autocapitalize=\"sentences\" spellcheck=\"true\" translate=\"no\" class=\"ProseMirror writing-block-open-link-mode\" id=\"prompt-textarea\" role=\"textbox\"\u003e\n\u003cp class=\"placeholder\"\u003e\u003cbr class=\"ProseMirror-trailingBreak\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"flex items-center gap-1 [grid-area:trailing]\"\u003e\n\u003cdiv class=\"relative ms-1 flex items-center gap-1.5\"\u003e\n\u003cdiv\u003e\n\u003cdiv id=\"_r_1ss_\" popover=\"hint\" hidden=\"\" role=\"tooltip\" class=\"fixed inset-s-[anchor(center)] inset-e-auto top-[calc(anchor(bottom)+var(--spacing))] bottom-auto h-fit -translate-x-1\/2 [position-try-fallbacks:flip-block] flex flex-col overflow-visible bg-transparent z-50 [inset-inline:auto]! translate-none! [position-area:span-all]\"\u003e\u003c\/div\u003e\n\u003cspan class=\"uFxlGa_SliderTriggerSlot\"\u003e\u003cbutton type=\"button\" class=\"__composer-pill __composer-pill--neutral text-body-regular! can-hover:relative can-hover:after:absolute can-hover:after:-inset-x-1 can-hover:after:inset-y-0 can-hover:after:content-[''] group\/pill\" id=\"radix-_r_1sq_\"\u003e\u003csvg inert=\"\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewbox=\"0 0 16 16\" class=\"icon-sm -me-0.5 h-3.5 w-3.5 text-token-text-tertiary\"\u003e\u003cuse href=\"\/cdn\/assets\/sprites-shell-0b456576.svg#chevron-down-sm\" fill=\"currentColor\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/button\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ms-auto flex items-center gap-2\"\u003e\n\u003cdiv id=\"_r_1st_\" popover=\"hint\" hidden=\"\" role=\"tooltip\" class=\"fixed inset-s-[anchor(center)] inset-e-auto top-[calc(anchor(bottom)+var(--spacing))] bottom-auto h-fit -translate-x-1\/2 [position-try-fallbacks:flip-block] flex flex-col overflow-visible bg-transparent z-50 [inset-inline:auto]! translate-none! [position-area:span-all]\"\u003e\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"composer-btn h-9 min-h-9 w-9 min-w-9 can-hover:relative can-hover:after:absolute can-hover:after:-inset-x-1 can-hover:after:inset-y-0 can-hover:after:content-['']\"\u003e\u003csvg font-size=\"inherit\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" class=\"icon\"\u003e\u003cuse href=\"\/cdn\/assets\/sprites-shell-0b456576.svg#microphone-regular-24\" fill=\"currentColor\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003cdiv class=\"inline-flex\"\u003e\n\u003cdiv\u003e\n\u003cdiv id=\"_r_1v9_\" popover=\"hint\" hidden=\"\" role=\"tooltip\" class=\"fixed inset-s-[anchor(center)] inset-e-auto top-[calc(anchor(bottom)+var(--spacing))] bottom-auto h-fit -translate-x-1\/2 [position-try-fallbacks:flip-block] flex flex-col overflow-visible bg-transparent z-50 [inset-inline:auto]! translate-none! [position-area:span-all]\"\u003e\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"composer-submit-button-color text-submit-btn-text keyboard-focused:focus-ring relative flex h-9 w-9 items-center justify-center rounded-full transition-colors hover:opacity-70 disabled:text-[#f4f4f4] disabled:opacity-30\"\u003e\u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" class=\"h-6 w-6\"\u003e\u003cuse href=\"\/cdn\/assets\/sprites-shell-0b456576.svg#voice-regular-24\" fill=\"currentColor\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Buttons and Things Co","offers":[{"title":"Default Title","offer_id":57268486799740,"sku":null,"price":0.4,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0920\/8224\/1916\/files\/IMG_9107.jpg?v=1786444700","url":"https:\/\/buttonsandthingsco.online\/products\/hand-dyed-aqua-blue-buttons-20mm-four-hole-matching-15mm-available","provider":"Buttons and Things Co","version":"1.0","type":"link"}