.event-mini-details {
  width: 100%;
  display: flex;
  gap: 10px;
  flex-direction: column;

  @media (min-width: 768px) {
    flex-direction: row;
    gap: 25px;
  }

  .event-mini-details--col-item {
    display: flex;
    gap: 15px;
  }

  .event-mini-details--col-item-item {
    flex: 1;

    > * {
      display: block;

      &:first-child {
        font-weight: 500;
      }
    }

  }

  .event-mini-details--col-item-link {
    text-align: right;
  }
}