.meko-event-attachments { 
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.meko-event-attachments > article {
  width: 256px;
  max-width: 100%;
  position: relative;
  padding: 1rem;
  transition: .2s ease-out background;
}

.meko-event-attachments > article:hover {
  background: rgba(0,0,0,.15);
}

.meko-event-attachments > article > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.meko-event-attachments h3 {
  font-size: 15px;
  max-width: 332px;
  margin: 14px 0;
}

.meko-event-attachments h3 a {
  color: inherit;
}

.meko-event-attachments svg {
  width: auto;
  height: 82px;
  transform: translateX(-12px);
  transition: .2s ease-out transform;
}


.meko-event-attachments .description {
  opacity: .8;
}

.meko-event-attachments > a { 
  padding: 1rem;
  background: #000;
  color: #fff;
  transition: .2s ease-out opacity;
}

.meko-event-attachments > a:hover {
  opacity: .8; 
}