.c-subscription-area__subscription {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-column-gap: 1rem;
  align-items: center;
}
.c-subscription-area__brand {
  width: auto;
  min-width: 50px;
  height: 50px;
  transition: transform 0.35s ease-in-out;
  grid-column: 1/2;
  align-self: start;
}
.c-subscription-area__brand:hover {
  transform: scale(1.3);
}
.c-subscription-area__details {
  --_max-height:0;
  max-height: var(--_max-height);
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  grid-column: 1/-1;
}
.c-subscription-area__details:has(input:checked) {
  --_max-height: 400px;
  overflow-y: auto;
}
.c-subscription-area__details table {
  --_width-table:86vw;
  --_display-table:block;
  width: var(--_width-table);
  display: var(--_display-table);
  overflow-x: auto;
}
@media screen and (min-width: 740px) {
  .c-subscription-area__details table {
    --_width-table: 100%;
    --_display-table: inline-table;
  }
}
.c-subscription-area__actions {
  grid-column: 2/-1;
}