.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; } } }