.plans {
    gap: calc(2 * var(--gutter));
}

.plan {
    display: flex;
    flex-direction: column;
    gap: var(--gutter);
    padding: var(--space-l);
    background-color: var(--primary-background-color);
    border-radius: var(--card-border-radius);
}

.plan > * {
    margin: 0;
}

.price {
    margin-top: auto;
}

.price__amount {
    display: inline;
    position: relative;
    font-weight: 600;
}

.price__amount::after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ff0000a0;
    content: '';
}

.card__beta-notice {
    padding: var(--space-m);
    border: 2px dashed #008844;
    color: #008844;
    font-weight: bold;
}

.card__beta-notice::before {
    margin-right: var(--space-s);
    content: 'ℹ️';
}