.social-icons:where(.astro-balv45lp) {
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    gap: .25rem;
    display: flex
}

.link-button:where(.astro-balv45lp) {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    padding: .5rem
}

.link-button:where(.astro-balv45lp),
.link-button:where(.astro-balv45lp):hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.link-button:where(.astro-balv45lp):hover {
    --tw-rotate: 6deg
}

.puapCTAcontainer:where(.astro-balv45lp) {
    z-index: -1;
    border: 1px solid red
}

.puapCtaTime:where(.astro-balv45lp) {
    color: rgba(var(--color-text-base), .75);
    font-size: .875rem;
    line-height: 1.25rem
}

.cTAdiscount:where(.astro-balv45lp) {
    font-size: 1.5rem;
    font-weight: 300
}

.ctaPhone:where(.astro-balv45lp),
.ctaPhoneOuter:where(.astro-balv45lp) {
    border: 1.2px solid rgba(var(--color-border), 1);
    max-width: 100%
}

.ctaPhone:where(.astro-balv45lp) {
    color: rgb(var(--color-cta-pry-btn));
    cursor: pointer;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    margin: 8px 0;
    padding: 8px 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.025rem
}

.ctaPhoneOuterHover:where(.astro-balv45lp):hover {
    border-color: #ff385c
}

@media (min-width:640px) {
    .social-icons:where(.astro-balv45lp) {
        align-items: flex-start
    }

    .link-button:where(.astro-balv45lp) {
        padding: .25rem
    }
}