.sps-post-grid{
  display:flex;
  flex-direction:column;
  gap:28px;
}

/* FILTER BUTTONS */

.sps-post-filter__controls{
  display:flex;
  gap:14px;
  margin-bottom:30px;
}

.sps-filter-btn{
  border:2px solid #000;
  padding:10px 20px;
  border-radius:30px;
  background:#fff;
  cursor:pointer;
  font-size:18px;
}

.sps-filter-btn.is-active{
  background:#000;
  color:#fff;
}

/* CARD */

.sps-card {
    display: flex;
    align-items: center;
    gap: 30px;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: none;
}

/* IMAGE */

.sps-card__media{
  width:140px;
  height:140px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
}

.sps-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* TEXT */

.sps-card__title{
  font-size:18px;
  font-weight:700;
  margin-bottom:14px;
}

.sps-card__title a{
  text-decoration:none;
  color:#000;
}

/* DATE */

.sps-card__meta{
  font-size:16px;
  margin-bottom:14px;
}

/* BUTTON */

.sps-card__btn{
  display:inline-block;
  border:3px solid #000;
  padding:12px 26px;
  border-radius:40px;
  text-decoration:none;
  font-weight:600;
  font-size:18px;
  color:#000;
}

.sps-card__btn:hover{
  background:#000;
  color:#fff;
}

/* MOBILE */

@media (max-width:768px){
	.sps-post-filter__controls {
    display: flex;
    gap: 6px;
    margin-bottom: 30px;
}
.sps-filter-btn {
    border: 2px solid #000;
    padding: 3px 11px;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.3;
}
  .sps-card{
    flex-direction:column;
    text-align:center;
  }

  .sps-card__title{
    font-size:26px;
  }

}