/* Блок со ссылкой на статьи: стоит между отзывами и заявкой. */

.wid-reads{
  max-width:1240px;
  margin:0 auto;
  padding:clamp(56px,8vw,96px) 20px clamp(40px,6vw,72px);
  font-family:-apple-system,BlinkMacSystemFont,'Onest','Segoe UI',sans-serif;
  color:#1D1D1F;
}
.wid-reads__intro{max-width:34ch;margin:0 auto;text-align:center}
.wid-reads__intro h2{margin:0;font-size:clamp(30px,5vw,46px);font-weight:750;letter-spacing:-.04em;line-height:1.05}
.wid-reads__intro p{margin:12px 0 0;color:#70757d;font-size:clamp(15px,2vw,18px);line-height:1.5}
.wid-reads__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(26px,4vw,40px)}
.wid-read{display:flex;flex-direction:column;padding:clamp(20px,2.6vw,28px);border-radius:30px;background:#f5f5f7;color:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}
.wid-read:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(33,44,62,.1)}
.wid-read__icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:16px;border-radius:50%;background:#fff;font-size:26px}
.wid-read.is-red{background:linear-gradient(150deg,#ffe9e9,#fff6f6 55%,#f5f5f7)}
.wid-read.is-red .wid-read__icon{color:#e5484d}
.wid-read.is-blue{background:linear-gradient(150deg,#e8f2ff,#f7faff 55%,#f5f5f7)}
.wid-read.is-blue .wid-read__icon{color:#1f7ff2}
.wid-read.is-green{background:linear-gradient(150deg,#e6f6ee,#f7fbf8 55%,#f5f5f7)}
.wid-read.is-green .wid-read__icon{color:#1f9b64}
.wid-read small{color:#70757d;font-size:13px;font-weight:700;letter-spacing:.02em}
.wid-read strong{margin-top:6px;font-size:clamp(19px,2.2vw,22px);font-weight:750;letter-spacing:-.02em;line-height:1.2}
.wid-read p{margin:10px 0 0;color:#70757d;font-size:15px;line-height:1.5}
.wid-reads__all{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:14px 24px;border-radius:999px;background:#1D1D1F;color:#fff;font-size:16px;font-weight:700;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.wid-reads__all:hover{transform:translateY(-2px)}
.wid-reads{display:flex;flex-direction:column;align-items:center}
.wid-reads__grid{width:100%}

@media (max-width:900px){
  .wid-reads__grid{grid-template-columns:1fr}
  .wid-read{padding:20px}
}