Responsive strip
Any widthAny width, from 280 px to full page. Stacks itself on phones. The one to pick if unsure.
See the code 9.1 KB
<!-- Embargoed! banner: Responsive strip, fluid, dark, animated. Copy all of it, with the style block. -->
<a class="embb embb--responsive embb--dark" href="https://www.embargoed.org/?utm_source=supporter-banner&utm_medium=banner&utm_campaign=fed-up" target="_blank" rel="noopener" aria-label="Embargoed! Fed up with the embargoes against Turkish Cypriots? Click here"><span class="embb-in"><span class="embb-o" aria-hidden="true"><svg viewBox="0 0 60 40" aria-hidden="true" focusable="false"><path d="M28 4c-1.5 2.4-3 4.8-3 7 0 1.6 1.5 2.4 3 2.4s3-.8 3-2.4c0-2.2-1.5-4.6-3-7z" fill="#5B3A1A"/><path d="M30 6c7.5-9 19.5-9.8 27-4.5-4.5 7.5-15 11.3-24 9-2.3-.8-3-2.3-3-4.5z" fill="#3E8F4A"/></svg><i class="embb-ring"></i></span><span class="embb-m"><span class="embb-w" aria-hidden="true"><svg viewBox="0 0 7437 686" focusable="false"><path d="M77 686V-2H672V163H298V258H618V416H298V521H679V686Z M786 686V-2H1094L1157 240Q1161 253 1168.5 283.0Q1176 313 1184.5 348.0Q1193 383 1200 413H1208Q1213 391 1220.5 360.5Q1228 330 1236.0 298.0Q1244 266 1250 240L1313 -2H1610V686H1399V438Q1399 398 1399.5 355.5Q1400 313 1400.5 275.0Q1401 237 1401 212H1393Q1390 232 1384.5 259.0Q1379 286 1373.0 312.5Q1367 339 1361 359L1272 686H1107L1017 359Q1012 339 1005.5 312.5Q999 286 994.0 259.0Q989 232 985 213H977Q978 238 979.0 276.0Q980 314 980.5 356.0Q981 398 981 438V686Z M1748 686V-2H2206Q2258 -2 2301.0 19.5Q2344 41 2370.0 79.0Q2396 117 2396 167Q2396 217 2380.0 249.0Q2364 281 2338.0 299.5Q2312 318 2281 327V331Q2317 339 2346.5 358.5Q2376 378 2394.0 413.0Q2412 448 2412 503Q2412 558 2385.0 599.0Q2358 640 2313.0 663.0Q2268 686 2212 686ZM1969 526H2137Q2160 526 2174.0 510.0Q2188 494 2188 462Q2188 447 2181.5 434.5Q2175 422 2163.5 415.0Q2152 408 2137 408H1969ZM1969 266H2121Q2137 266 2148.0 258.5Q2159 251 2165.5 237.0Q2172 223 2172 202Q2172 180 2157.0 164.5Q2142 149 2121 149H1969Z M2452 686 2703 -2H2960L3211 686H2977L2948 589H2707L2678 686ZM2753 435H2903L2870 325Q2866 313 2861.0 296.0Q2856 279 2851.0 260.0Q2846 241 2841.0 222.5Q2836 204 2832 190H2824Q2820 208 2813.5 231.0Q2807 254 2800.0 278.5Q2793 303 2786 325Z M3284 686V-2H3715Q3792 -2 3843.5 29.0Q3895 60 3921.0 110.0Q3947 160 3947 218Q3947 284 3916.0 335.5Q3885 387 3832 418L3967 686H3719L3614 455H3505V686ZM3505 302H3660Q3686 302 3704.0 281.5Q3722 261 3722 227Q3722 206 3714.0 190.0Q3706 174 3692.0 164.5Q3678 155 3660 155H3505Z M4366 698Q4194 698 4108.5 608.0Q4023 518 4023 342Q4023 224 4067.0 145.0Q4111 66 4195.0 26.0Q4279 -14 4398 -14Q4470 -14 4533.5 2.5Q4597 19 4645.5 51.5Q4694 84 4721.0 133.0Q4748 182 4748 247H4537Q4537 225 4526.5 207.0Q4516 189 4498.0 176.5Q4480 164 4456.5 157.5Q4433 151 4407 151Q4368 151 4338.0 161.5Q4308 172 4288.5 193.0Q4269 214 4259.0 243.0Q4249 272 4249 310V374Q4249 424 4266.5 459.5Q4284 495 4319.5 514.0Q4355 533 4407 533Q4442 533 4471.5 522.5Q4501 512 4519.0 492.0Q4537 472 4537 446V442H4381V302H4748V686H4634L4612 618Q4581 644 4544.0 662.0Q4507 680 4463.0 689.0Q4419 698 4366 698Z M5217 698Q5100 698 5017.0 658.0Q4934 618 4890.0 538.5Q4846 459 4846 342Q4846 224 4890.0 145.0Q4934 66 5017.0 26.0Q5100 -14 5217 -14Q5335 -14 5418.0 26.0Q5501 66 5545.0 145.0Q5589 224 5589 342Q5589 459 5545.0 538.5Q5501 618 5418.0 658.0Q5335 698 5217 698ZM5217 533Q5253 533 5280.5 521.5Q5308 510 5326.5 489.0Q5345 468 5354.0 438.5Q5363 409 5363 374V310Q5363 275 5354.0 245.5Q5345 216 5326.5 195.0Q5308 174 5280.5 162.5Q5253 151 5217 151Q5181 151 5153.5 162.5Q5126 174 5108.0 195.0Q5090 216 5081.0 245.5Q5072 275 5072 310V374Q5072 409 5081.0 438.5Q5090 468 5108.0 489.0Q5126 510 5153.5 521.5Q5181 533 5217 533Z M5701 686V-2H6296V163H5922V258H6242V416H5922V521H6303V686Z M6410 686V-2H6708Q6826 -2 6906.0 35.0Q6986 72 7027.5 148.0Q7069 224 7069 342Q7069 459 7027.5 535.5Q6986 612 6906.0 649.0Q6826 686 6708 686ZM6631 521H6704Q6740 521 6766.5 511.0Q6793 501 6810.0 482.0Q6827 463 6835.0 435.0Q6843 407 6843 372V312Q6843 277 6835.0 249.0Q6827 221 6810.0 202.0Q6793 183 6766.5 173.0Q6740 163 6704 163H6631Z M7209 440 7168 -2H7374L7332 440ZM7172 686V501H7370V686Z"/></svg><i class="embb-x"></i></span><span class="embb-t">Fed up with the embargoes against Turkish Cypriots?</span></span><span class="embb-c">Click here <b>→</b></span></span></a>
<style>.embb,.embb *{box-sizing:border-box;margin:0;padding:0;border:0} .embb{--o:#E75B03;--o2:#FF7A1F;--ink:#121110;--sand:#F6EFE7;position:relative;display:block;overflow:hidden; container-type:inline-size;max-width:100%;text-decoration:none!important;border-radius:14px;isolation:isolate; font:800 16px/1.1 "Archivo","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;cursor:pointer; transition:transform .25s ease,box-shadow .25s ease} .embb-in{position:relative;display:flex;width:100%;height:100%} .embb:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(18,17,16,.28)} .embb:focus-visible{outline:3px solid var(--o2);outline-offset:3px} .embb--dark{background:radial-gradient(120% 140% at 0% 0%,rgba(231,91,3,.38),transparent 55%), radial-gradient(90% 120% at 100% 100%,rgba(255,122,31,.18),transparent 60%),var(--ink);color:#fff} .embb--light{background:radial-gradient(120% 140% at 0% 0%,rgba(231,91,3,.20),transparent 55%),var(--sand);color:var(--ink); box-shadow:inset 0 0 0 1px rgba(18,17,16,.10)} .embb:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5; background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:9px 9px} .embb--light:before{background-image:radial-gradient(rgba(18,17,16,.07) 1px,transparent 1.2px)} .embb:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:30%;z-index:2;pointer-events:none;opacity:0; background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg) translateX(0); animation:embb-glint 6.5s ease-in-out 1.6s infinite} .embb-o{position:relative;flex:none;display:block;border-radius:50%; background:radial-gradient(circle at 36% 30%,#FFB25C 0,#F0741A 55%,#A83F05 100%); box-shadow:inset -4px -6px 14px rgba(120,40,0,.35),0 8px 22px rgba(231,91,3,.35);animation:embb-float 4.2s ease-in-out infinite} .embb-o:before{content:"";position:absolute;inset:0;border-radius:50%;opacity:.55; background-image:radial-gradient(rgba(0,0,0,.16) .8px,transparent 1px);background-size:5px 5px} .embb-o:after{content:"";position:absolute;left:20%;top:16%;width:26%;height:26%;border-radius:50%;background:rgba(255,255,255,.28)} .embb-o svg{position:absolute;left:40%;top:-15%;width:46%;height:auto} .embb-ring{position:absolute;inset:-14%;border-radius:50%;border:2px solid rgba(231,91,3,.55);animation:embb-ring 3.4s ease-out 1s infinite} .embb-w{position:relative;display:block;line-height:0} .embb-w svg{display:block;width:100%;height:auto;fill:currentColor} .embb-x{position:absolute;left:-3%;right:-3%;top:50%;height:11%;min-height:2px;border-radius:2px;background:var(--o); transform-origin:0 50%;transform:rotate(-2deg) scaleX(0);animation:embb-strike .9s cubic-bezier(.7,0,.2,1) .35s forwards} .embb-t{display:block;font-weight:800;letter-spacing:-.01em;text-wrap:balance} .embb--dark .embb-t{color:#fff} .embb-c{flex:none;display:inline-flex;align-items:center;gap:.45em;border-radius:999px;background:var(--o);color:#fff; font-weight:800;white-space:nowrap;box-shadow:0 6px 18px rgba(231,91,3,.4);transition:background .2s} .embb:hover .embb-c{background:var(--o2)} .embb-c b{display:inline-block;font-weight:900;animation:embb-nudge 2.2s ease-in-out 2s infinite} .embb-k{display:block;font:500 .62em/1 "IBM Plex Mono",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.7} @keyframes embb-strike{to{transform:rotate(-2deg) scaleX(1)}} @keyframes embb-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6%) rotate(4deg)}} @keyframes embb-ring{0%{transform:scale(.8);opacity:.9}70%,100%{transform:scale(1.35);opacity:0}} @keyframes embb-glint{0%,60%{transform:skewX(-18deg) translateX(0);opacity:0}61%{opacity:1}100%{transform:skewX(-18deg) translateX(620%);opacity:1}} @keyframes embb-nudge{0%,60%,100%{transform:translateX(0)}30%{transform:translateX(.3em)}} .embb--still,.embb--still *,.embb--still:after{animation:none!important}.embb--still .embb-x{transform:rotate(-2deg) scaleX(1)}.embb--still:after{display:none} @media (prefers-reduced-motion:reduce){.embb,.embb *,.embb:after{animation:none!important;transition:none!important} .embb-x{transform:rotate(-2deg) scaleX(1)}.embb:after{display:none}} .embb--responsive{width:100%;min-width:280px} .embb--responsive .embb-in{align-items:center;gap:3.2cqw;padding:2.6cqw 3.2cqw} .embb--responsive .embb-o{width:9cqw;height:9cqw;max-width:96px;max-height:96px} .embb--responsive .embb-m{flex:1;min-width:0;display:grid;gap:1.1cqw} .embb--responsive .embb-w{width:min(34cqw,340px)} .embb--responsive .embb-t{font-size:clamp(15px,2.5cqw,30px)} .embb--responsive .embb-c{font-size:clamp(14px,1.75cqw,19px);padding:.85em 1.3em} @container (max-width:620px){ .embb--responsive .embb-in{flex-wrap:wrap;gap:16px;padding:20px} .embb--responsive .embb-o{width:58px;height:58px} .embb--responsive .embb-m{flex-basis:calc(100% - 80px);gap:8px} .embb--responsive .embb-w{width:min(62cqw,240px)} .embb--responsive .embb-t{font-size:clamp(16px,4.8cqw,21px)} .embb--responsive .embb-c{width:100%;justify-content:center;font-size:16px}}</style>
See the code 9.1 KB
<!-- Embargoed! banner: Responsive strip, fluid, dark, still. Copy all of it, with the style block. -->
<a class="embb embb--responsive embb--dark embb--still" href="https://www.embargoed.org/?utm_source=supporter-banner&utm_medium=banner&utm_campaign=fed-up" target="_blank" rel="noopener" aria-label="Embargoed! Fed up with the embargoes against Turkish Cypriots? Click here"><span class="embb-in"><span class="embb-o" aria-hidden="true"><svg viewBox="0 0 60 40" aria-hidden="true" focusable="false"><path d="M28 4c-1.5 2.4-3 4.8-3 7 0 1.6 1.5 2.4 3 2.4s3-.8 3-2.4c0-2.2-1.5-4.6-3-7z" fill="#5B3A1A"/><path d="M30 6c7.5-9 19.5-9.8 27-4.5-4.5 7.5-15 11.3-24 9-2.3-.8-3-2.3-3-4.5z" fill="#3E8F4A"/></svg><i class="embb-ring"></i></span><span class="embb-m"><span class="embb-w" aria-hidden="true"><svg viewBox="0 0 7437 686" focusable="false"><path d="M77 686V-2H672V163H298V258H618V416H298V521H679V686Z M786 686V-2H1094L1157 240Q1161 253 1168.5 283.0Q1176 313 1184.5 348.0Q1193 383 1200 413H1208Q1213 391 1220.5 360.5Q1228 330 1236.0 298.0Q1244 266 1250 240L1313 -2H1610V686H1399V438Q1399 398 1399.5 355.5Q1400 313 1400.5 275.0Q1401 237 1401 212H1393Q1390 232 1384.5 259.0Q1379 286 1373.0 312.5Q1367 339 1361 359L1272 686H1107L1017 359Q1012 339 1005.5 312.5Q999 286 994.0 259.0Q989 232 985 213H977Q978 238 979.0 276.0Q980 314 980.5 356.0Q981 398 981 438V686Z M1748 686V-2H2206Q2258 -2 2301.0 19.5Q2344 41 2370.0 79.0Q2396 117 2396 167Q2396 217 2380.0 249.0Q2364 281 2338.0 299.5Q2312 318 2281 327V331Q2317 339 2346.5 358.5Q2376 378 2394.0 413.0Q2412 448 2412 503Q2412 558 2385.0 599.0Q2358 640 2313.0 663.0Q2268 686 2212 686ZM1969 526H2137Q2160 526 2174.0 510.0Q2188 494 2188 462Q2188 447 2181.5 434.5Q2175 422 2163.5 415.0Q2152 408 2137 408H1969ZM1969 266H2121Q2137 266 2148.0 258.5Q2159 251 2165.5 237.0Q2172 223 2172 202Q2172 180 2157.0 164.5Q2142 149 2121 149H1969Z M2452 686 2703 -2H2960L3211 686H2977L2948 589H2707L2678 686ZM2753 435H2903L2870 325Q2866 313 2861.0 296.0Q2856 279 2851.0 260.0Q2846 241 2841.0 222.5Q2836 204 2832 190H2824Q2820 208 2813.5 231.0Q2807 254 2800.0 278.5Q2793 303 2786 325Z M3284 686V-2H3715Q3792 -2 3843.5 29.0Q3895 60 3921.0 110.0Q3947 160 3947 218Q3947 284 3916.0 335.5Q3885 387 3832 418L3967 686H3719L3614 455H3505V686ZM3505 302H3660Q3686 302 3704.0 281.5Q3722 261 3722 227Q3722 206 3714.0 190.0Q3706 174 3692.0 164.5Q3678 155 3660 155H3505Z M4366 698Q4194 698 4108.5 608.0Q4023 518 4023 342Q4023 224 4067.0 145.0Q4111 66 4195.0 26.0Q4279 -14 4398 -14Q4470 -14 4533.5 2.5Q4597 19 4645.5 51.5Q4694 84 4721.0 133.0Q4748 182 4748 247H4537Q4537 225 4526.5 207.0Q4516 189 4498.0 176.5Q4480 164 4456.5 157.5Q4433 151 4407 151Q4368 151 4338.0 161.5Q4308 172 4288.5 193.0Q4269 214 4259.0 243.0Q4249 272 4249 310V374Q4249 424 4266.5 459.5Q4284 495 4319.5 514.0Q4355 533 4407 533Q4442 533 4471.5 522.5Q4501 512 4519.0 492.0Q4537 472 4537 446V442H4381V302H4748V686H4634L4612 618Q4581 644 4544.0 662.0Q4507 680 4463.0 689.0Q4419 698 4366 698Z M5217 698Q5100 698 5017.0 658.0Q4934 618 4890.0 538.5Q4846 459 4846 342Q4846 224 4890.0 145.0Q4934 66 5017.0 26.0Q5100 -14 5217 -14Q5335 -14 5418.0 26.0Q5501 66 5545.0 145.0Q5589 224 5589 342Q5589 459 5545.0 538.5Q5501 618 5418.0 658.0Q5335 698 5217 698ZM5217 533Q5253 533 5280.5 521.5Q5308 510 5326.5 489.0Q5345 468 5354.0 438.5Q5363 409 5363 374V310Q5363 275 5354.0 245.5Q5345 216 5326.5 195.0Q5308 174 5280.5 162.5Q5253 151 5217 151Q5181 151 5153.5 162.5Q5126 174 5108.0 195.0Q5090 216 5081.0 245.5Q5072 275 5072 310V374Q5072 409 5081.0 438.5Q5090 468 5108.0 489.0Q5126 510 5153.5 521.5Q5181 533 5217 533Z M5701 686V-2H6296V163H5922V258H6242V416H5922V521H6303V686Z M6410 686V-2H6708Q6826 -2 6906.0 35.0Q6986 72 7027.5 148.0Q7069 224 7069 342Q7069 459 7027.5 535.5Q6986 612 6906.0 649.0Q6826 686 6708 686ZM6631 521H6704Q6740 521 6766.5 511.0Q6793 501 6810.0 482.0Q6827 463 6835.0 435.0Q6843 407 6843 372V312Q6843 277 6835.0 249.0Q6827 221 6810.0 202.0Q6793 183 6766.5 173.0Q6740 163 6704 163H6631Z M7209 440 7168 -2H7374L7332 440ZM7172 686V501H7370V686Z"/></svg><i class="embb-x"></i></span><span class="embb-t">Fed up with the embargoes against Turkish Cypriots?</span></span><span class="embb-c">Click here <b>→</b></span></span></a>
<style>.embb,.embb *{box-sizing:border-box;margin:0;padding:0;border:0} .embb{--o:#E75B03;--o2:#FF7A1F;--ink:#121110;--sand:#F6EFE7;position:relative;display:block;overflow:hidden; container-type:inline-size;max-width:100%;text-decoration:none!important;border-radius:14px;isolation:isolate; font:800 16px/1.1 "Archivo","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;cursor:pointer; transition:transform .25s ease,box-shadow .25s ease} .embb-in{position:relative;display:flex;width:100%;height:100%} .embb:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(18,17,16,.28)} .embb:focus-visible{outline:3px solid var(--o2);outline-offset:3px} .embb--dark{background:radial-gradient(120% 140% at 0% 0%,rgba(231,91,3,.38),transparent 55%), radial-gradient(90% 120% at 100% 100%,rgba(255,122,31,.18),transparent 60%),var(--ink);color:#fff} .embb--light{background:radial-gradient(120% 140% at 0% 0%,rgba(231,91,3,.20),transparent 55%),var(--sand);color:var(--ink); box-shadow:inset 0 0 0 1px rgba(18,17,16,.10)} .embb:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5; background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:9px 9px} .embb--light:before{background-image:radial-gradient(rgba(18,17,16,.07) 1px,transparent 1.2px)} .embb:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:30%;z-index:2;pointer-events:none;opacity:0; background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg) translateX(0); animation:embb-glint 6.5s ease-in-out 1.6s infinite} .embb-o{position:relative;flex:none;display:block;border-radius:50%; background:radial-gradient(circle at 36% 30%,#FFB25C 0,#F0741A 55%,#A83F05 100%); box-shadow:inset -4px -6px 14px rgba(120,40,0,.35),0 8px 22px rgba(231,91,3,.35);animation:embb-float 4.2s ease-in-out infinite} .embb-o:before{content:"";position:absolute;inset:0;border-radius:50%;opacity:.55; background-image:radial-gradient(rgba(0,0,0,.16) .8px,transparent 1px);background-size:5px 5px} .embb-o:after{content:"";position:absolute;left:20%;top:16%;width:26%;height:26%;border-radius:50%;background:rgba(255,255,255,.28)} .embb-o svg{position:absolute;left:40%;top:-15%;width:46%;height:auto} .embb-ring{position:absolute;inset:-14%;border-radius:50%;border:2px solid rgba(231,91,3,.55);animation:embb-ring 3.4s ease-out 1s infinite} .embb-w{position:relative;display:block;line-height:0} .embb-w svg{display:block;width:100%;height:auto;fill:currentColor} .embb-x{position:absolute;left:-3%;right:-3%;top:50%;height:11%;min-height:2px;border-radius:2px;background:var(--o); transform-origin:0 50%;transform:rotate(-2deg) scaleX(0);animation:embb-strike .9s cubic-bezier(.7,0,.2,1) .35s forwards} .embb-t{display:block;font-weight:800;letter-spacing:-.01em;text-wrap:balance} .embb--dark .embb-t{color:#fff} .embb-c{flex:none;display:inline-flex;align-items:center;gap:.45em;border-radius:999px;background:var(--o);color:#fff; font-weight:800;white-space:nowrap;box-shadow:0 6px 18px rgba(231,91,3,.4);transition:background .2s} .embb:hover .embb-c{background:var(--o2)} .embb-c b{display:inline-block;font-weight:900;animation:embb-nudge 2.2s ease-in-out 2s infinite} .embb-k{display:block;font:500 .62em/1 "IBM Plex Mono",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.7} @keyframes embb-strike{to{transform:rotate(-2deg) scaleX(1)}} @keyframes embb-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6%) rotate(4deg)}} @keyframes embb-ring{0%{transform:scale(.8);opacity:.9}70%,100%{transform:scale(1.35);opacity:0}} @keyframes embb-glint{0%,60%{transform:skewX(-18deg) translateX(0);opacity:0}61%{opacity:1}100%{transform:skewX(-18deg) translateX(620%);opacity:1}} @keyframes embb-nudge{0%,60%,100%{transform:translateX(0)}30%{transform:translateX(.3em)}} .embb--still,.embb--still *,.embb--still:after{animation:none!important}.embb--still .embb-x{transform:rotate(-2deg) scaleX(1)}.embb--still:after{display:none} @media (prefers-reduced-motion:reduce){.embb,.embb *,.embb:after{animation:none!important;transition:none!important} .embb-x{transform:rotate(-2deg) scaleX(1)}.embb:after{display:none}} .embb--responsive{width:100%;min-width:280px} .embb--responsive .embb-in{align-items:center;gap:3.2cqw;padding:2.6cqw 3.2cqw} .embb--responsive .embb-o{width:9cqw;height:9cqw;max-width:96px;max-height:96px} .embb--responsive .embb-m{flex:1;min-width:0;display:grid;gap:1.1cqw} .embb--responsive .embb-w{width:min(34cqw,340px)} .embb--responsive .embb-t{font-size:clamp(15px,2.5cqw,30px)} .embb--responsive .embb-c{font-size:clamp(14px,1.75cqw,19px);padding:.85em 1.3em} @container (max-width:620px){ .embb--responsive .embb-in{flex-wrap:wrap;gap:16px;padding:20px} .embb--responsive .embb-o{width:58px;height:58px} .embb--responsive .embb-m{flex-basis:calc(100% - 80px);gap:8px} .embb--responsive .embb-w{width:min(62cqw,240px)} .embb--responsive .embb-t{font-size:clamp(16px,4.8cqw,21px)} .embb--responsive .embb-c{width:100%;justify-content:center;font-size:16px}}</style>
See the code 9.1 KB
<!-- Embargoed! banner: Responsive strip, fluid, light, animated. Copy all of it, with the style block. -->
<a class="embb embb--responsive embb--light" href="https://www.embargoed.org/?utm_source=supporter-banner&utm_medium=banner&utm_campaign=fed-up" target="_blank" rel="noopener" aria-label="Embargoed! Fed up with the embargoes against Turkish Cypriots? Click here"><span class="embb-in"><span class="embb-o" aria-hidden="true"><svg viewBox="0 0 60 40" aria-hidden="true" focusable="false"><path d="M28 4c-1.5 2.4-3 4.8-3 7 0 1.6 1.5 2.4 3 2.4s3-.8 3-2.4c0-2.2-1.5-4.6-3-7z" fill="#5B3A1A"/><path d="M30 6c7.5-9 19.5-9.8 27-4.5-4.5 7.5-15 11.3-24 9-2.3-.8-3-2.3-3-4.5z" fill="#3E8F4A"/></svg><i class="embb-ring"></i></span><span class="embb-m"><span class="embb-w" aria-hidden="true"><svg viewBox="0 0 7437 686" focusable="false"><path d="M77 686V-2H672V163H298V258H618V416H298V521H679V686Z M786 686V-2H1094L1157 240Q1161 253 1168.5 283.0Q1176 313 1184.5 348.0Q1193 383 1200 413H1208Q1213 391 1220.5 360.5Q1228 330 1236.0 298.0Q1244 266 1250 240L1313 -2H1610V686H1399V438Q1399 398 1399.5 355.5Q1400 313 1400.5 275.0Q1401 237 1401 212H1393Q1390 232 1384.5 259.0Q1379 286 1373.0 312.5Q1367 339 1361 359L1272 686H1107L1017 359Q1012 339 1005.5 312.5Q999 286 994.0 259.0Q989 232 985 213H977Q978 238 979.0 276.0Q980 314 980.5 356.0Q981 398 981 438V686Z M1748 686V-2H2206Q2258 -2 2301.0 19.5Q2344 41 2370.0 79.0Q2396 117 2396 167Q2396 217 2380.0 249.0Q2364 281 2338.0 299.5Q2312 318 2281 327V331Q2317 339 2346.5 358.5Q2376 378 2394.0 413.0Q2412 448 2412 503Q2412 558 2385.0 599.0Q2358 640 2313.0 663.0Q2268 686 2212 686ZM1969 526H2137Q2160 526 2174.0 510.0Q2188 494 2188 462Q2188 447 2181.5 434.5Q2175 422 2163.5 415.0Q2152 408 2137 408H1969ZM1969 266H2121Q2137 266 2148.0 258.5Q2159 251 2165.5 237.0Q2172 223 2172 202Q2172 180 2157.0 164.5Q2142 149 2121 149H1969Z M2452 686 2703 -2H2960L3211 686H2977L2948 589H2707L2678 686ZM2753 435H2903L2870 325Q2866 313 2861.0 296.0Q2856 279 2851.0 260.0Q2846 241 2841.0 222.5Q2836 204 2832 190H2824Q2820 208 2813.5 231.0Q2807 254 2800.0 278.5Q2793 303 2786 325Z M3284 686V-2H3715Q3792 -2 3843.5 29.0Q3895 60 3921.0 110.0Q3947 160 3947 218Q3947 284 3916.0 335.5Q3885 387 3832 418L3967 686H3719L3614 455H3505V686ZM3505 302H3660Q3686 302 3704.0 281.5Q3722 261 3722 227Q3722 206 3714.0 190.0Q3706 174 3692.0 164.5Q3678 155 3660 155H3505Z M4366 698Q4194 698 4108.5 608.0Q4023 518 4023 342Q4023 224 4067.0 145.0Q4111 66 4195.0 26.0Q4279 -14 4398 -14Q4470 -14 4533.5 2.5Q4597 19 4645.5 51.5Q4694 84 4721.0 133.0Q4748 182 4748 247H4537Q4537 225 4526.5 207.0Q4516 189 4498.0 176.5Q4480 164 4456.5 157.5Q4433 151 4407 151Q4368 151 4338.0 161.5Q4308 172 4288.5 193.0Q4269 214 4259.0 243.0Q4249 272 4249 310V374Q4249 424 4266.5 459.5Q4284 495 4319.5 514.0Q4355 533 4407 533Q4442 533 4471.5 522.5Q4501 512 4519.0 492.0Q4537 472 4537 446V442H4381V302H4748V686H4634L4612 618Q4581 644 4544.0 662.0Q4507 680 4463.0 689.0Q4419 698 4366 698Z M5217 698Q5100 698 5017.0 658.0Q4934 618 4890.0 538.5Q4846 459 4846 342Q4846 224 4890.0 145.0Q4934 66 5017.0 26.0Q5100 -14 5217 -14Q5335 -14 5418.0 26.0Q5501 66 5545.0 145.0Q5589 224 5589 342Q5589 459 5545.0 538.5Q5501 618 5418.0 658.0Q5335 698 5217 698ZM5217 533Q5253 533 5280.5 521.5Q5308 510 5326.5 489.0Q5345 468 5354.0 438.5Q5363 409 5363 374V310Q5363 275 5354.0 245.5Q5345 216 5326.5 195.0Q5308 174 5280.5 162.5Q5253 151 5217 151Q5181 151 5153.5 162.5Q5126 174 5108.0 195.0Q5090 216 5081.0 245.5Q5072 275 5072 310V374Q5072 409 5081.0 438.5Q5090 468 5108.0 489.0Q5126 510 5153.5 521.5Q5181 533 5217 533Z M5701 686V-2H6296V163H5922V258H6242V416H5922V521H6303V686Z M6410 686V-2H6708Q6826 -2 6906.0 35.0Q6986 72 7027.5 148.0Q7069 224 7069 342Q7069 459 7027.5 535.5Q6986 612 6906.0 649.0Q6826 686 6708 686ZM6631 521H6704Q6740 521 6766.5 511.0Q6793 501 6810.0 482.0Q6827 463 6835.0 435.0Q6843 407 6843 372V312Q6843 277 6835.0 249.0Q6827 221 6810.0 202.0Q6793 183 6766.5 173.0Q6740 163 6704 163H6631Z M7209 440 7168 -2H7374L7332 440ZM7172 686V501H7370V686Z"/></svg><i class="embb-x"></i></span><span class="embb-t">Fed up with the embargoes against Turkish Cypriots?</span></span><span class="embb-c">Click here <b>→</b></span></span></a>
<style>.embb,.embb *{box-sizing:border-box;margin:0;padding:0;border:0} .embb{--o:#E75B03;--o2:#FF7A1F;--ink:#121110;--sand:#F6EFE7;position:relative;display:block;overflow:hidden; container-type:inline-size;max-width:100%;text-decoration:none!important;border-radius:14px;isolation:isolate; font:800 16px/1.1 "Archivo","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;cursor:pointer; transition:transform .25s ease,box-shadow .25s ease} .embb-in{position:relative;display:flex;width:100%;height:100%} .embb:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(18,17,16,.28)} .embb:focus-visible{outline:3px solid var(--o2);outline-offset:3px} .embb--dark{background:radial-gradient(120% 140% at 0% 0%,rgba(231,91,3,.38),transparent 55%), radial-gradient(90% 120% at 100% 100%,rgba(255,122,31,.18),transparent 60%),var(--ink);color:#fff} .embb--light{background:radial-gradient(120% 140% at 0% 0%,rgba(231,91,3,.20),transparent 55%),var(--sand);color:var(--ink); box-shadow:inset 0 0 0 1px rgba(18,17,16,.10)} .embb:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5; background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:9px 9px} .embb--light:before{background-image:radial-gradient(rgba(18,17,16,.07) 1px,transparent 1.2px)} .embb:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:30%;z-index:2;pointer-events:none;opacity:0; background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg) translateX(0); animation:embb-glint 6.5s ease-in-out 1.6s infinite} .embb-o{position:relative;flex:none;display:block;border-radius:50%; background:radial-gradient(circle at 36% 30%,#FFB25C 0,#F0741A 55%,#A83F05 100%); box-shadow:inset -4px -6px 14px rgba(120,40,0,.35),0 8px 22px rgba(231,91,3,.35);animation:embb-float 4.2s ease-in-out infinite} .embb-o:before{content:"";position:absolute;inset:0;border-radius:50%;opacity:.55; background-image:radial-gradient(rgba(0,0,0,.16) .8px,transparent 1px);background-size:5px 5px} .embb-o:after{content:"";position:absolute;left:20%;top:16%;width:26%;height:26%;border-radius:50%;background:rgba(255,255,255,.28)} .embb-o svg{position:absolute;left:40%;top:-15%;width:46%;height:auto} .embb-ring{position:absolute;inset:-14%;border-radius:50%;border:2px solid rgba(231,91,3,.55);animation:embb-ring 3.4s ease-out 1s infinite} .embb-w{position:relative;display:block;line-height:0} .embb-w svg{display:block;width:100%;height:auto;fill:currentColor} .embb-x{position:absolute;left:-3%;right:-3%;top:50%;height:11%;min-height:2px;border-radius:2px;background:var(--o); transform-origin:0 50%;transform:rotate(-2deg) scaleX(0);animation:embb-strike .9s cubic-bezier(.7,0,.2,1) .35s forwards} .embb-t{display:block;font-weight:800;letter-spacing:-.01em;text-wrap:balance} .embb--dark .embb-t{color:#fff} .embb-c{flex:none;display:inline-flex;align-items:center;gap:.45em;border-radius:999px;background:var(--o);color:#fff; font-weight:800;white-space:nowrap;box-shadow:0 6px 18px rgba(231,91,3,.4);transition:background .2s} .embb:hover .embb-c{background:var(--o2)} .embb-c b{display:inline-block;font-weight:900;animation:embb-nudge 2.2s ease-in-out 2s infinite} .embb-k{display:block;font:500 .62em/1 "IBM Plex Mono",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.7} @keyframes embb-strike{to{transform:rotate(-2deg) scaleX(1)}} @keyframes embb-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6%) rotate(4deg)}} @keyframes embb-ring{0%{transform:scale(.8);opacity:.9}70%,100%{transform:scale(1.35);opacity:0}} @keyframes embb-glint{0%,60%{transform:skewX(-18deg) translateX(0);opacity:0}61%{opacity:1}100%{transform:skewX(-18deg) translateX(620%);opacity:1}} @keyframes embb-nudge{0%,60%,100%{transform:translateX(0)}30%{transform:translateX(.3em)}} .embb--still,.embb--still *,.embb--still:after{animation:none!important}.embb--still .embb-x{transform:rotate(-2deg) scaleX(1)}.embb--still:after{display:none} @media (prefers-reduced-motion:reduce){.embb,.embb *,.embb:after{animation:none!important;transition:none!important} .embb-x{transform:rotate(-2deg) scaleX(1)}.embb:after{display:none}} .embb--responsive{width:100%;min-width:280px} .embb--responsive .embb-in{align-items:center;gap:3.2cqw;padding:2.6cqw 3.2cqw} .embb--responsive .embb-o{width:9cqw;height:9cqw;max-width:96px;max-height:96px} .embb--responsive .embb-m{flex:1;min-width:0;display:grid;gap:1.1cqw} .embb--responsive .embb-w{width:min(34cqw,340px)} .embb--responsive .embb-t{font-size:clamp(15px,2.5cqw,30px)} .embb--responsive .embb-c{font-size:clamp(14px,1.75cqw,19px);padding:.85em 1.3em} @container (max-width:620px){ .embb--responsive .embb-in{flex-wrap:wrap;gap:16px;padding:20px} .embb--responsive .embb-o{width:58px;height:58px} .embb--responsive .embb-m{flex-basis:calc(100% - 80px);gap:8px} .embb--responsive .embb-w{width:min(62cqw,240px)} .embb--responsive .embb-t{font-size:clamp(16px,4.8cqw,21px)} .embb--responsive .embb-c{width:100%;justify-content:center;font-size:16px}}</style>
See the code 9.1 KB
<!-- Embargoed! banner: Responsive strip, fluid, light, still. Copy all of it, with the style block. -->
<a class="embb embb--responsive embb--light embb--still" href="https://www.embargoed.org/?utm_source=supporter-banner&utm_medium=banner&utm_campaign=fed-up" target="_blank" rel="noopener" aria-label="Embargoed! Fed up with the embargoes against Turkish Cypriots? Click here"><span class="embb-in"><span class="embb-o" aria-hidden="true"><svg viewBox="0 0 60 40" aria-hidden="true" focusable="false"><path d="M28 4c-1.5 2.4-3 4.8-3 7 0 1.6 1.5 2.4 3 2.4s3-.8 3-2.4c0-2.2-1.5-4.6-3-7z" fill="#5B3A1A"/><path d="M30 6c7.5-9 19.5-9.8 27-4.5-4.5 7.5-15 11.3-24 9-2.3-.8-3-2.3-3-4.5z" fill="#3E8F4A"/></svg><i class="embb-ring"></i></span><span class="embb-m"><span class="embb-w" aria-hidden="true"><svg viewBox="0 0 7437 686" focusable="false"><path d="M77 686V-2H672V163H298V258H618V416H298V521H679V686Z M786 686V-2H1094L1157 240Q1161 253 1168.5 283.0Q1176 313 1184.5 348.0Q1193 383 1200 413H1208Q1213 391 1220.5 360.5Q1228 330 1236.0 298.0Q1244 266 1250 240L1313 -2H1610V686H1399V438Q1399 398 1399.5 355.5Q1400 313 1400.5 275.0Q1401 237 1401 212H1393Q1390 232 1384.5 259.0Q1379 286 1373.0 312.5Q1367 339 1361 359L1272 686H1107L1017 359Q1012 339 1005.5 312.5Q999 286 994.0 259.0Q989 232 985 213H977Q978 238 979.0 276.0Q980 314 980.5 356.0Q981 398 981 438V686Z M1748 686V-2H2206Q2258 -2 2301.0 19.5Q2344 41 2370.0 79.0Q2396 117 2396 167Q2396 217 2380.0 249.0Q2364 281 2338.0 299.5Q2312 318 2281 327V331Q2317 339 2346.5 358.5Q2376 378 2394.0 413.0Q2412 448 2412 503Q2412 558 2385.0 599.0Q2358 640 2313.0 663.0Q2268 686 2212 686ZM1969 526H2137Q2160 526 2174.0 510.0Q2188 494 2188 462Q2188 447 2181.5 434.5Q2175 422 2163.5 415.0Q2152 408 2137 408H1969ZM1969 266H2121Q2137 266 2148.0 258.5Q2159 251 2165.5 237.0Q2172 223 2172 202Q2172 180 2157.0 164.5Q2142 149 2121 149H1969Z M2452 686 2703 -2H2960L3211 686H2977L2948 589H2707L2678 686ZM2753 435H2903L2870 325Q2866 313 2861.0 296.0Q2856 279 2851.0 260.0Q2846 241 2841.0 222.5Q2836 204 2832 190H2824Q2820 208 2813.5 231.0Q2807 254 2800.0 278.5Q2793 303 2786 325Z M3284 686V-2H3715Q3792 -2 3843.5 29.0Q3895 60 3921.0 110.0Q3947 160 3947 218Q3947 284 3916.0 335.5Q3885 387 3832 418L3967 686H3719L3614 455H3505V686ZM3505 302H3660Q3686 302 3704.0 281.5Q3722 261 3722 227Q3722 206 3714.0 190.0Q3706 174 3692.0 164.5Q3678 155 3660 155H3505Z M4366 698Q4194 698 4108.5 608.0Q4023 518 4023 342Q4023 224 4067.0 145.0Q4111 66 4195.0 26.0Q4279 -14 4398 -14Q4470 -14 4533.5 2.5Q4597 19 4645.5 51.5Q4694 84 4721.0 133.0Q4748 182 4748 247H4537Q4537 225 4526.5 207.0Q4516 189 4498.0 176.5Q4480 164 4456.5 157.5Q4433 151 4407 151Q4368 151 4338.0 161.5Q4308 172 4288.5 193.0Q4269 214 4259.0 243.0Q4249 272 4249 310V374Q4249 424 4266.5 459.5Q4284 495 4319.5 514.0Q4355 533 4407 533Q4442 533 4471.5 522.5Q4501 512 4519.0 492.0Q4537 472 4537 446V442H4381V302H4748V686H4634L4612 618Q4581 644 4544.0 662.0Q4507 680 4463.0 689.0Q4419 698 4366 698Z M5217 698Q5100 698 5017.0 658.0Q4934 618 4890.0 538.5Q4846 459 4846 342Q4846 224 4890.0 145.0Q4934 66 5017.0 26.0Q5100 -14 5217 -14Q5335 -14 5418.0 26.0Q5501 66 5545.0 145.0Q5589 224 5589 342Q5589 459 5545.0 538.5Q5501 618 5418.0 658.0Q5335 698 5217 698ZM5217 533Q5253 533 5280.5 521.5Q5308 510 5326.5 489.0Q5345 468 5354.0 438.5Q5363 409 5363 374V310Q5363 275 5354.0 245.5Q5345 216 5326.5 195.0Q5308 174 5280.5 162.5Q5253 151 5217 151Q5181 151 5153.5 162.5Q5126 174 5108.0 195.0Q5090 216 5081.0 245.5Q5072 275 5072 310V374Q5072 409 5081.0 438.5Q5090 468 5108.0 489.0Q5126 510 5153.5 521.5Q5181 533 5217 533Z M5701 686V-2H6296V163H5922V258H6242V416H5922V521H6303V686Z M6410 686V-2H6708Q6826 -2 6906.0 35.0Q6986 72 7027.5 148.0Q7069 224 7069 342Q7069 459 7027.5 535.5Q6986 612 6906.0 649.0Q6826 686 6708 686ZM6631 521H6704Q6740 521 6766.5 511.0Q6793 501 6810.0 482.0Q6827 463 6835.0 435.0Q6843 407 6843 372V312Q6843 277 6835.0 249.0Q6827 221 6810.0 202.0Q6793 183 6766.5 173.0Q6740 163 6704 163H6631Z M7209 440 7168 -2H7374L7332 440ZM7172 686V501H7370V686Z"/></svg><i class="embb-x"></i></span><span class="embb-t">Fed up with the embargoes against Turkish Cypriots?</span></span><span class="embb-c">Click here <b>→</b></span></span></a>
<style>.embb,.embb *{box-sizing:border-box;margin:0;padding:0;border:0} .embb{--o:#E75B03;--o2:#FF7A1F;--ink:#121110;--sand:#F6EFE7;position:relative;display:block;overflow:hidden; container-type:inline-size;max-width:100%;text-decoration:none!important;border-radius:14px;isolation:isolate; font:800 16px/1.1 "Archivo","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;cursor:pointer; transition:transform .25s ease,box-shadow .25s ease} .embb-in{position:relative;display:flex;width:100%;height:100%} .embb:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(18,17,16,.28)} .embb:focus-visible{outline:3px solid var(--o2);outline-offset:3px} .embb--dark{background:radial-gradient(120% 140% at 0% 0%,rgba(231,91,3,.38),transparent 55%), radial-gradient(90% 120% at 100% 100%,rgba(255,122,31,.18),transparent 60%),var(--ink);color:#fff} .embb--light{background:radial-gradient(120% 140% at 0% 0%,rgba(231,91,3,.20),transparent 55%),var(--sand);color:var(--ink); box-shadow:inset 0 0 0 1px rgba(18,17,16,.10)} .embb:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5; background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:9px 9px} .embb--light:before{background-image:radial-gradient(rgba(18,17,16,.07) 1px,transparent 1.2px)} .embb:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:30%;z-index:2;pointer-events:none;opacity:0; background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg) translateX(0); animation:embb-glint 6.5s ease-in-out 1.6s infinite} .embb-o{position:relative;flex:none;display:block;border-radius:50%; background:radial-gradient(circle at 36% 30%,#FFB25C 0,#F0741A 55%,#A83F05 100%); box-shadow:inset -4px -6px 14px rgba(120,40,0,.35),0 8px 22px rgba(231,91,3,.35);animation:embb-float 4.2s ease-in-out infinite} .embb-o:before{content:"";position:absolute;inset:0;border-radius:50%;opacity:.55; background-image:radial-gradient(rgba(0,0,0,.16) .8px,transparent 1px);background-size:5px 5px} .embb-o:after{content:"";position:absolute;left:20%;top:16%;width:26%;height:26%;border-radius:50%;background:rgba(255,255,255,.28)} .embb-o svg{position:absolute;left:40%;top:-15%;width:46%;height:auto} .embb-ring{position:absolute;inset:-14%;border-radius:50%;border:2px solid rgba(231,91,3,.55);animation:embb-ring 3.4s ease-out 1s infinite} .embb-w{position:relative;display:block;line-height:0} .embb-w svg{display:block;width:100%;height:auto;fill:currentColor} .embb-x{position:absolute;left:-3%;right:-3%;top:50%;height:11%;min-height:2px;border-radius:2px;background:var(--o); transform-origin:0 50%;transform:rotate(-2deg) scaleX(0);animation:embb-strike .9s cubic-bezier(.7,0,.2,1) .35s forwards} .embb-t{display:block;font-weight:800;letter-spacing:-.01em;text-wrap:balance} .embb--dark .embb-t{color:#fff} .embb-c{flex:none;display:inline-flex;align-items:center;gap:.45em;border-radius:999px;background:var(--o);color:#fff; font-weight:800;white-space:nowrap;box-shadow:0 6px 18px rgba(231,91,3,.4);transition:background .2s} .embb:hover .embb-c{background:var(--o2)} .embb-c b{display:inline-block;font-weight:900;animation:embb-nudge 2.2s ease-in-out 2s infinite} .embb-k{display:block;font:500 .62em/1 "IBM Plex Mono",Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.7} @keyframes embb-strike{to{transform:rotate(-2deg) scaleX(1)}} @keyframes embb-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6%) rotate(4deg)}} @keyframes embb-ring{0%{transform:scale(.8);opacity:.9}70%,100%{transform:scale(1.35);opacity:0}} @keyframes embb-glint{0%,60%{transform:skewX(-18deg) translateX(0);opacity:0}61%{opacity:1}100%{transform:skewX(-18deg) translateX(620%);opacity:1}} @keyframes embb-nudge{0%,60%,100%{transform:translateX(0)}30%{transform:translateX(.3em)}} .embb--still,.embb--still *,.embb--still:after{animation:none!important}.embb--still .embb-x{transform:rotate(-2deg) scaleX(1)}.embb--still:after{display:none} @media (prefers-reduced-motion:reduce){.embb,.embb *,.embb:after{animation:none!important;transition:none!important} .embb-x{transform:rotate(-2deg) scaleX(1)}.embb:after{display:none}} .embb--responsive{width:100%;min-width:280px} .embb--responsive .embb-in{align-items:center;gap:3.2cqw;padding:2.6cqw 3.2cqw} .embb--responsive .embb-o{width:9cqw;height:9cqw;max-width:96px;max-height:96px} .embb--responsive .embb-m{flex:1;min-width:0;display:grid;gap:1.1cqw} .embb--responsive .embb-w{width:min(34cqw,340px)} .embb--responsive .embb-t{font-size:clamp(15px,2.5cqw,30px)} .embb--responsive .embb-c{font-size:clamp(14px,1.75cqw,19px);padding:.85em 1.3em} @container (max-width:620px){ .embb--responsive .embb-in{flex-wrap:wrap;gap:16px;padding:20px} .embb--responsive .embb-o{width:58px;height:58px} .embb--responsive .embb-m{flex-basis:calc(100% - 80px);gap:8px} .embb--responsive .embb-w{width:min(62cqw,240px)} .embb--responsive .embb-t{font-size:clamp(16px,4.8cqw,21px)} .embb--responsive .embb-c{width:100%;justify-content:center;font-size:16px}}</style>
