@layer mosuk-ui{@layer index-11{.component-module__gB6QRq__button{width:fit-content;height:calc(var(--spacing,.25rem)*8);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);background-color:var(--color-gray-100,#f3f4f6);color:var(--color-black,#000);font-size:var(--text-xs,.75rem);text-wrap:nowrap;padding-left:calc(var(--spacing,.25rem)*4);padding-right:calc(var(--spacing,.25rem)*4);-webkit-user-select:none;user-select:none;border-radius:3.40282e38px;outline:none;transition:all .2s ease-in-out;display:flex;overflow:hidden}@supports (color:lab(0% 0 0)){.component-module__gB6QRq__button{background-color:var(--color-gray-100,lab(96.1596% -.0823438 -1.13575))}}.component-module__gB6QRq__button svg{width:calc(var(--spacing,.25rem)*3.5);height:calc(var(--spacing,.25rem)*3.5);min-width:calc(var(--spacing,.25rem)*3.5);min-height:calc(var(--spacing,.25rem)*3.5);color:var(--color-gray-500,#6a7282);transition:all .2s ease-in-out}@supports (color:lab(0% 0 0)){.component-module__gB6QRq__button svg{color:var(--color-gray-500,lab(47.7841% -.393182 -10.0268))}}.component-module__gB6QRq__button:hover{background-color:var(--color-gray-100,#f3f4f6);color:var(--color-primary-500,#0074e7)}@supports (color:lab(0% 0 0)){.component-module__gB6QRq__button:hover{background-color:var(--color-gray-100,lab(96.1596% -.0823438 -1.13575))}}.component-module__gB6QRq__button:hover svg{color:var(--color-primary-500,#0074e7)}.component-module__gB6QRq__button:not(:hover){transition:all .6s ease-in-out}.component-module__gB6QRq__button:not(:hover) svg{transition:all .6s ease-in-out}}}