@media (max-width:991.98px) {
  .mobile-list-contribute {
    --contribute-accent:#6558e8;
    --contribute-tint:#f0efff;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    width:100%;
    min-height:70px;
    margin-top:18px;
    padding:13px;
    border:1px solid #e4e0ee;
    border-radius:19px;
    background:#fff;
    color:#191628;
    text-decoration:none;
    box-shadow:0 6px 20px rgba(41,34,67,.05);
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-list-contribute.is-event {
    --contribute-accent:#e94f78;
    --contribute-tint:#fff0f4;
  }

  .mobile-list-contribute.is-place {
    --contribute-accent:#5c63df;
    --contribute-tint:#eff1ff;
  }

  .mobile-list-contribute.is-promotion {
    --contribute-accent:#df4384;
    --contribute-tint:#fff0f6;
  }

  .mobile-list-contribute-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:14px;
    background:var(--contribute-tint);
    color:var(--contribute-accent);
  }

  .mobile-list-contribute-icon svg {
    width:20px;
    height:20px;
  }

  .mobile-list-contribute-copy {
    display:flex;
    min-width:0;
    flex-direction:column;
    gap:2px;
  }

  .mobile-list-contribute-copy strong {
    font-size:.83rem;
    font-weight:800;
    line-height:1.3;
  }

  .mobile-list-contribute-copy > span {
    color:#817b8d;
    font-size:.69rem;
    font-weight:500;
    line-height:1.4;
  }

  .mobile-list-contribute-action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--contribute-accent);
    color:#fff;
  }

  .mobile-list-contribute-action svg {
    width:18px;
    height:18px;
  }

  .mobile-list-contribute:focus-visible {
    outline:2px solid var(--contribute-accent);
    outline-offset:3px;
  }

  .mobile-list-contribute:active {
    transform:scale(.99);
  }

  .events-list-mobile > .mobile-list-contribute,
  .places-list-mobile > .mobile-list-contribute {
    width:calc(100% - 24px);
    margin-right:12px;
    margin-left:12px;
  }
}

@media (max-width:359.98px) {
  .mobile-list-contribute {
    grid-template-columns:auto minmax(0,1fr);
  }

  .mobile-list-contribute-action {
    display:none;
  }
}