.bottom-cta {
    position: fixed;
    z-index: var(--bottom-cta-z-index);
    bottom: var(--bottom-cta-bottom);
    height: var(--bottom-cta-height);
    grid-template-columns: minmax(0, 1fr) auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(-50%, var(--bottom-cta-hidden-shift), 0);
}

.bottom-cta__label {
    padding-inline: var(--bottom-cta-label-padding);
    font-size: var(--bottom-cta-label-font-size);
}

.bottom-cta__action {
    gap: var(--bottom-cta-action-icon-gap);
    padding-inline: var(--bottom-cta-action-padding);
    font-size: var(--bottom-cta-action-font-size);
}

@media (max-height: 25rem) {
    .bottom-cta {
        display: none;
    }
}