.c404-api-promo{box-sizing:border-box;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:18px;align-items:center;width:100%;margin:30px 0;padding:24px;border:1px solid #d6aa28;border-radius:12px;background:linear-gradient(110deg,#fff5c9,#ffdf73);color:#172222;font-family:Arial,"Segoe UI",sans-serif;box-shadow:0 5px 18px rgba(85,65,11,.07)}
.c404-api-promo *{box-sizing:border-box}
.c404-api-promo__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#172222;color:#ffe780}
.c404-api-promo__label{display:block;margin:0 0 3px;color:#625224;font-size:10px;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.c404-api-promo__title{display:block;margin:0;color:#172222;font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
.c404-api-promo .c404-api-promo__text{margin:7px 0 0;padding:0;color:#3f3d22;font:14px/1.5 Arial,"Segoe UI",sans-serif}
.c404-api-promo .c404-api-promo__cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 17px;border:1px solid #172222;border-radius:7px;background:#172222;color:#fff;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;white-space:nowrap}
.c404-api-promo .c404-api-promo__cta:hover{background:#304539;color:#fff;text-decoration:none}
.c404-api-promo .c404-api-promo__cta:focus-visible{outline:3px solid #172222;outline-offset:4px}
@media(max-width:700px){.c404-api-promo{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:20px}.c404-api-promo__icon{width:42px;height:42px}.c404-api-promo__title{font-size:22px}.c404-api-promo .c404-api-promo__cta{grid-column:1/-1;width:100%;min-height:46px;white-space:normal}.c404-api-promo .c404-api-promo__text{font-size:14px}}
@media print{.c404-api-promo{break-inside:avoid;box-shadow:none}}

.c404-api-promo>p{margin:0!important}.c404-api-promo__icon svg{display:block}@media(max-width:700px){.c404-api-promo>p{grid-column:1/-1}.c404-api-promo>p>.c404-api-promo__cta{width:100%}}