31 lines
672 B
CSS
31 lines
672 B
CSS
.card {
|
|
padding: var(--Space-x2) var(--Space-x15);
|
|
border-radius: var(--Corner-radius-md);
|
|
border: 0;
|
|
cursor: pointer;
|
|
background: var(--Surface-Brand-Primary-1-OnSurface-Default);
|
|
color: var(--Text-Brand-OnPrimary-3-Accent);
|
|
|
|
&:focus,
|
|
&:hover {
|
|
background:
|
|
linear-gradient(
|
|
0deg,
|
|
rgb(255 255 255 / 10%) 0%,
|
|
rgb(255 255 255 / 10%) 100%
|
|
),
|
|
var(--Surface-Brand-Primary-1-OnSurface-Default);
|
|
}
|
|
&:disabled {
|
|
background: var(--Surface-UI-Fill-Disabled);
|
|
color: var(--Text-Interactive-Disabled);
|
|
}
|
|
}
|
|
|
|
.text {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: var(--Space-x1);
|
|
}
|