.component__stats-block{
  align-items:baseline;
  display:grid;
  gap:1rem;
  grid-template-columns:1fr 1fr;
  justify-content:space-between;
  padding:1rem 0;
}
@media screen and (min-width:768px){
  .component__stats-block{
    grid-template-columns:1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width:1200px){
  .component__stats-block{
    gap:10px;
  }
}

.stat-item{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}

.stat-number{
  color:#15a8f1;
  font-size:22px;
  font-weight:700;
}
@media screen and (min-width:768px){
  .stat-number{
    font-size:32px;
  }
}

.stat-number--small{
  font-size:16px;
}

.stat-description{
  font-size:14px;
}
@media screen and (min-width:768px){
  .stat-description{
    font-size:16px;
  }
}