.card-body-main-actions
  +position(relative, 1)
  padding-block: .75rem
  margin-inline: 1rem
  border-radius: 4px
  +media-breakpoint-up(md)
    padding-inline: 2rem
    margin-bottom: 1.5rem
  +media-breakpoint-down(sm)
    padding-inline: .75rem
    margin-bottom: 1rem
  &.is-success
    background-color: #f8fff2
    border: 1px solid var(--success)
    color: var(--success-text)
  &.is-primary
    border: 1px solid var(--primary)
    background-color: #f5f5ff
    color: var(--primary-text)
  &.is-warning
    border: 1px solid var(--warning)
    background-color: #fff9e7
    color: var(--warning-text)
  &.is-danger
    border: 1px solid var(--danger)
    background-color: var(--danger-tint)
    color: var(--danger-text)

.card-body-main-actions__description
  +text-block(.875rem 1.4)
  margin-bottom: .75em
  text-align: center

.card-body-main-actions__items
  display: flex
  justify-content: center

.card-body-main-actions__item
  text-align: center
  flex: 1
  +media-breakpoint-up(md)
    max-width: 16rem

.card-body-main-actions__item-cancel
  +hover-link-reversal
  color: var(--muted-text)
  font-size: .8125rem
