This commit is contained in:
2026-09-08 10:29:49 -03:00
parent 74718b1008
commit 77e85a3328
9 changed files with 56 additions and 25 deletions
+35 -5
View File
@@ -63,6 +63,21 @@
background-clip: text;
color: transparent;
}
.btn-gradient {
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
background-size: 200% 200%;
color: white;
border: none;
padding: 0.8rem 2rem;
border-radius: 50px;
cursor: pointer;
transition: background-position 0.3s;
}
.btn-gradient:hover {
background-position: right center;
}
color-scheme: light;
}
@@ -86,6 +101,21 @@ html[data-theme="dark"] {
background-clip: text;
color: transparent;
}
.btn-gradient {
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
background-size: 200% 200%;
color: white;
border: none;
padding: 0.8rem 2rem;
border-radius: 50px;
cursor: pointer;
transition: background-position 0.3s;
}
.btn-gradient:hover {
background-position: right center;
}
color-scheme: dark;
}
@@ -170,7 +200,7 @@ section { padding-block: var(--space-6); position: relative; }
font-family: var(--font-small);
font-size: var(--step--1);
font-weight: 500;
padding: 0.9rem 1.6rem;
padding: 0.5rem 1.6rem;
border-radius: 999px;
border: 1px solid transparent;
transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
@@ -180,7 +210,7 @@ section { padding-block: var(--space-6); position: relative; }
.btn:focus-visible { outline: 3px solid var(--accent-roma-bright); outline-offset: 3px; }
.btn-primary {
background: var(--accent-amor);
background: linear-gradient(135deg, var(--c-magenta), var(--c-teal-web));
color: #fff;
}
.btn-primary:hover { background: color-mix(in srgb, var(--accent-amor) 85%, black); }
@@ -347,10 +377,10 @@ html[data-theme="dark"] .theme-toggle .icon-moon { display: block; }
}
.site-footer h5 {
font-family: var(--font-small);
font-size: var(--step--1);
color: var(--accent-blush);
font-size: var(--step--2);
color: var(--accent-roma-bright);
margin: 0 0 var(--space-2);
font-weight: 500;
font-weight: 400;
}
.site-footer ul { display: flex; flex-direction: column; gap: 0.55rem; font-size: var(--step--1); color: #d8d0e0; }
.foot-bottom {