Fix back button text color by excluding it from general link styles

- Use :not(.back-link) selector to exclude back button from general link styling
- Add more specific CSS selectors for back-link to increase specificity
- Use both .privacy-content .back-link and a.back-link selectors
- Ensure white text color overrides the blue link color from general rules
- Prevent general link styling from interfering with button appearance
This commit is contained in:
Deco Vander 2025-07-04 13:06:39 -04:00
parent 25149e4f5f
commit 6d745e23f6

View file

@ -65,13 +65,13 @@
}
/* Fix link visibility and styling */
.privacy-content a {
.privacy-content a:not(.back-link) {
color: var(--link-color) !important;
text-decoration: underline !important;
font-weight: 500;
}
.privacy-content a:hover {
.privacy-content a:not(.back-link):hover {
color: var(--link-hover) !important;
text-decoration: underline !important;
}
@ -86,7 +86,8 @@
color: var(--link-hover) !important;
}
.back-link {
.privacy-content .back-link,
a.back-link {
display: inline-block !important;
margin-top: 30px !important;
padding: 10px 20px !important;
@ -99,7 +100,8 @@
font-weight: 500 !important;
}
.back-link:hover {
.privacy-content .back-link:hover,
a.back-link:hover {
background-color: var(--primary-hover, #1976D2) !important;
color: white !important;
text-decoration: none !important;