Reset button background and border styles in styles.css
- Ensure <button class="btn"> elements default to transparent backgrounds - Ensure .btn-outline uses transparent background to avoid browser-default user-agent button styling - Set border: none on .btn-primary
This commit is contained in:
1 parent
bd22299247
commit
38b32f69fd
1 file changed
+7
@@ -467,10 +467,16 @@
|
|||||||
transform: translateY(-1px);
|
transform: translateY(-1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button.btn {
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
background: linear-gradient(180deg, var(--gold-bright), var(--gold));
|
background: linear-gradient(180deg, var(--gold-bright), var(--gold));
|
||||||
color: var(--ground-2);
|
color: var(--ground-2);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary:hover {
|
.btn-primary:hover {
|
||||||
@@ -480,6 +486,7 @@
|
|||||||
.btn-outline {
|
.btn-outline {
|
||||||
border: 1px solid var(--gold-dim);
|
border: 1px solid var(--gold-dim);
|
||||||
color: var(--gold-bright);
|
color: var(--gold-bright);
|
||||||
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .nav-cta mirrors this hover treatment */
|
/* .nav-cta mirrors this hover treatment */
|
||||||
|
|||||||
Reference in new issue
Block a user