.event-main {
  flex-direction: column;
  text-align: left;
  .event-header {
    padding: 10px;
    background-color: #efefef;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
  }
  .event-info {
    padding: 10px 14px;
    line-height: 1.6em;
    li {
      margin-bottom: 4px;
      &.event-title {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 14px;
      }
      &.event-date,
      &.event-time {
        color: #666666;
      }
      span {
        padding: 2px 6px;
        background-color: #efefef;
        margin-right: 10px;
      }
    }
  }

  .btn-box {
    border-top: 1px solid #dddddd;
    height: 40px;
    .mat-button {
      width: 100%;
      display: block;
    }
  }
}