.status[data-status="1"]{
  position: relative;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 #00BFFFcc; }
  70% { box-shadow: 0 0 0 10px #00BFFF00; }
  100% { box-shadow: 0 0 0 0 #00BFFF00;; }
}

.cards{
  justify-content: left;
}

.card{
    width:calc(100% / 2 - 10px);
}

/* ################ 880px 以下 ###############*/

@media (max-width: 880px) {

  .cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:15px;
    padding:0;
    width:100%;
  }

  .card{
    width:100%;
    max-width:420px;
    margin:0 auto;
  }


}