.page-portal-cancel-subscriptions .portal-subscription {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  grid-template-rows: 1fr 1fr;
  column-gap: 15px;
}
.page-portal-cancel-subscriptions .subscription-name {
  font-weight: bold;
  color: #424242;
  font-size: 18px;
}
.page-portal-cancel-subscriptions .subscription-relation {
  opacity: 0.7;
}
.page-portal-cancel-subscriptions .subscription-period {
  grid-row: 2;
  margin-top: 5px;
  color: dimgrey;
}
.page-portal-cancel-subscriptions .cancel-subscription-action {
  grid-column: 2;
  grid-row: 1/span 2;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 600px) {
  .page-portal-cancel-subscriptions .cancel-subscription-action {
    grid-column: 1;
    grid-row: 3;
    margin-top: 10px;
  }
}

.modal-cancel-subscription .cancel-subscription-summary {
  margin-bottom: 0;
}
.modal-cancel-subscription .cancel-subscription-summary-row {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 15px;
  margin-top: 8px;
}
.modal-cancel-subscription .cancel-subscription-summary-row span:first-child {
  font-weight: bold;
}