.event-main {
  flex-direction: column;
  text-align: left;
  .event-header {
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    margin: 6px 6px 2px;
    padding: 10px 20px;
    border-radius: 3px 3px 0 0;
  }
  .event-info {
    margin: 0 4px;
    line-height: 1.6em;
    li {
      &.event-title {
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 14px;
      }
      &.event-sender,
      &.event-time {
        padding: 4px 10px;
        border-bottom: 1px dotted #dddddd;
        span {
          width: 80px;
          padding: 2px 6px;
          margin-right: 10px;
          border-radius: 100px;
          line-height: 20px;
          display: inline-flex;
          justify-content: center;
          font-size: 0.96em;
          margin-bottom: 2px;
        }
      }
      &.event-content {
        padding: 10px;
        color: #444444;
        font-weight: normal;
        margin-bottom: 10px;
        font-size: 1em;
      }
    }
  }

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