/* cause/cause — основа: блок-основа этапа 1 (google-clickfraud); сгенерировано tools/css_majority.py */
.cause { position:relative }
.cause__subtitle { margin-bottom:45px }
.cause__item-img { align-items:center;border-radius:8px;display:inline-flex;height:60px;justify-content:center;position:relative;width:60px }
.cause__item-img img { max-width:none }
.cause__item-img:after { box-shadow:0 0 31px 10px rgba(32,190,138,.5);content:"";display:inline-block;height:1px;position:absolute;width:1px }
.cause__item-img--firsts.cause__item-img { background:rgba(255,0,0,.1) }
.cause__item-img--seconds.cause__item-img { background:linear-gradient(90deg,#e9f9f3,#e6f5f2) }
.cause__item-img--thirds.cause__item-img { background:linear-gradient(90deg,#ecf5fd,#e6edf8) }
.cause__item-img--firsts:after { box-shadow:0 0 31px 10px #d43636 }
.cause__item-img--seconds:after { box-shadow:0 0 31px 10px #20be8a }
.cause__item-img--thirds:after { box-shadow:0 0 31px 10px #1f71d2 }
.cause__box { display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto 50px;max-width:1200px;row-gap:40px }
.cause__box a { border-radius:10px }
.cause__item { align-items:center;display:flex;gap:20px;width:327px }
.cause__item-text { color:#111;font-size:16px;line-height:25px;width:247px }
.cause__button-place { text-align:center }
@media screen and (max-width:1370px) {
  .cause__subtitle { margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:520px }
  .cause__item-img { min-width:60px }
  .cause__box { column-gap:20px;max-width:900px;row-gap:45px;margin-bottom:0 }
  .cause__item { width:264px }
  .cause__button-place { display:none }
  .cause__item-text span { display:none }
}
@media screen and (max-width:991px) {
  .cause__subtitle { margin-bottom:40px }
  .cause__box { max-width:660px }
  .cause__item { width:300px }
  .cause__item-text { width:100% }
  .cause__item.cause__item--button { justify-content:center;width:100% }
}
@media screen and (max-width:767px) {
  .cause__item { flex-direction:column;text-align:center;width:220px }
}
@media screen and (max-width:574px) {
  .cause__box { row-gap:40px }
  .cause__item { flex-direction:row;width:100% }
  .cause__item-text { text-align:left }
}
@media screen and (max-width:480px) {
  .cause__item { margin:0 auto;width:270px }
}

/* ===== вручную (генератор этот раздел сохраняет) ===== */