.hotCarouselCard{
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.034));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:
    inset 0 10px 22px rgba(0,0,0,.14),
    inset 0 -8px 20px rgba(255,255,255,.018),
    0 12px 24px rgba(0,0,0,.10);
}

.hotCarouselCard::before{
  background:
    radial-gradient(420px 180px at 0% 0%, rgba(79,140,255,.07), transparent 60%),
    radial-gradient(300px 170px at 100% 0%, rgba(69,226,192,.05), transparent 60%);
}

.hotCarouselCardStatus{
  min-height:0;
}

.hotMetaRow{
  align-items:flex-start;
  gap:12px;
}

.hotMetaPills{
  gap:8px;
}

.hotMetaPill{
  min-height:30px;
  line-height:1;
}

.hotMetaPillLabel{
  padding-left:12px;
  padding-right:12px;
}

.hotCounterPill{
  flex:0 0 auto;
  align-self:flex-start;
  margin-left:auto;
  line-height:1;
}

.hotBodyWrap{
  margin-top:12px;
  padding:17px 17px 16px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(10,18,32,.68), rgba(15,28,46,.62));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:
    inset 0 10px 18px rgba(0,0,0,.12),
    inset 0 -1px 0 rgba(255,255,255,.04);
}

.hotBodyWrapStatus{
  background:
    linear-gradient(180deg, rgba(12,22,38,.56), rgba(14,27,43,.48));
}

.hotSummaryParagraph + .hotSummaryParagraph{
  margin-top:12px;
}

.hotStatusMessage{
  font-weight:700;
}

.hotStatusHelper{
  color:rgba(238,244,255,.76);
}

.hotExpandRow{
  margin-top:12px;
}

.hotModeSwitchRow{
  margin-top:10px;
}

.hotCardActions{
  grid-template-columns:56px minmax(216px, 248px) 56px;
  justify-content:center;
  gap:14px;
  margin-top:18px;
  align-items:center;
}

.hotNavBtn,
.hotPublishBtn{
  min-height:56px;
  height:56px;
}

.hotPublishBtn{
  width:100%;
  justify-self:center;
  align-self:center;
  padding-left:20px;
  padding-right:20px;
}

.hotDots{
  margin-top:12px;
}

.hotSourceLine{
  min-height:18px;
}

@media (max-width:560px){
  .hotMetaRow{
    flex-wrap:wrap;
  }

  .hotCounterPill{
    margin-left:0;
  }

  .hotCardActions{
    grid-template-columns:54px minmax(0, 1fr) 54px;
    gap:10px;
  }
}
