.event-card.has-status {
  background: var(--md-primary-container);
  color: var(--md-on-primary-container);
  box-shadow: inset 0 0 0 1px rgba(79, 55, 139, .18);
}

.event-card.has-status:hover {
  background: #dfd0f7;
  box-shadow: inset 0 0 0 1px rgba(79, 55, 139, .24), 0 2px 6px rgba(0, 0, 0, .14);
}

.event-status-badge {
  left: calc(100% - 1px);
  right: auto;
  bottom: calc(100% - 3px);
  min-height: 22px;
  padding: 0 7.5px;
  font-size: 10.5px;
}