feat: add CTA button

This commit is contained in:
MAZE
2024-02-27 20:27:15 +03:30
parent 3205145d54
commit 0e12a5203e
3 changed files with 53 additions and 1 deletions

View File

@@ -17,6 +17,10 @@
transparent
);
&:last-of-type {
padding-bottom: 0;
}
& .counter {
width: max-content;
padding: 6px 16px;
@@ -45,4 +49,42 @@
color: var(--color-foreground-subtle);
}
}
.button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 16px;
margin-top: 20px;
font-size: var(--font-sm);
font-weight: 500;
color: var(--color-foreground);
cursor: pointer;
background-color: transparent;
border: 1px solid var(--color-neutral-200);
border-radius: 50px;
outline: none;
transition: 0.2s;
&::before {
position: absolute;
top: -1px;
left: 50%;
width: 70%;
height: 1px;
content: '';
background: linear-gradient(
90deg,
transparent,
var(--color-neutral-300),
transparent
);
transform: translateX(-50%);
}
&:hover {
background-color: var(--color-neutral-100);
}
}
}