.box-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.box {
  flex: 1;
  min-width: 150px;
  padding: 20px;
  background: #eef;
  border: 1px solid #ccc;
  box-shadow: var(--shadow);
  background: var(--card-bg);

  min-width: 250px;

  margin: 5px;
}

svg {
  fill: var(--text);
}

.title {
  font-size: 20px;
  margin-bottom: 10px
  
}

.time {
  font-size: 32px;
  text-align: center;
  margin: 10px 0;
  padding: 0;
}