:root {
    --card-gap-actions: 16px;
  }
  .card-main-promocion-actions {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--card-gap-actions);
    height: 16px;
  }
  .card-main-promocion-info {
    transition: transform 0.3s;
    transform: translateY(calc(var(--card-gap-actions) * 2));
  }
  .card-main-promocion-info.raised {
    transform: translateY(0);
  }
  .expand-height-node {
    transition: height 0.3s ease-in-out;
    overflow: hidden;
  }