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:
parent
25149e4f5f
commit
6d745e23f6
1 changed files with 6 additions and 4 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue