[web] Fix plans CTA plain-link and edu discount clickable area overflow (#33243)

* Update .plans-cta-plain-link styles so the clickable area doesn't overflow

* Update .plans-educational-discount-label styles so the clickable area doesn't overflow

* Fix lint

GitOrigin-RevId: cedbaa78a079fd4f7cefe2be9b39252d30ba6355
This commit is contained in:
Antoine Clausse
2026-04-30 14:45:36 +02:00
committed by Copybot
parent dd44f4e2e8
commit 8da6222a89

View File

@@ -284,19 +284,28 @@
padding-top: calc(var(--secondary-cta-top-padding) - var(--spacing-03));
}
// Plain-link and edu discount occupy row 4 of the PAGE subgrid.
// Edu discount lives inside the annual period wrapper (a subgrid child),
// so two levels of '>' are needed. Plain-link is a direct card-cta child.
> .plans-cta-plain-link {
.plans-cta-plain-link {
align-self: start;
grid-row: 4;
padding-top: var(--secondary-cta-top-padding);
text-align: center;
a {
color: var(--content-secondary);
font-size: var(--font-size-02);
text-decoration: underline;
&:hover {
color: var(--content-primary);
}
}
}
> .only-show-for-specific-plan-period > .plans-educational-discount {
align-self: center;
grid-row: 4;
padding-top: var(--spacing-04);
text-align: center;
}
}
@@ -372,17 +381,6 @@
cursor: help;
}
.plans-cta-plain-link {
color: var(--content-secondary);
font-size: var(--font-size-02);
text-align: center;
text-decoration: underline;
&:hover {
color: var(--content-primary);
}
}
.card-footer {
background-color: transparent;
border: none;
@@ -397,7 +395,7 @@
align-items: center;
color: var(--content-primary);
cursor: pointer;
display: flex;
display: inline-flex;
gap: var(--spacing-03);
justify-content: center;
margin: 0;