29 lines
488 B
SCSS
29 lines
488 B
SCSS
|
.btn-primary {
|
||
|
display: grid;
|
||
|
grid-auto-flow: column;
|
||
|
column-gap: 1rem;
|
||
|
background-color: var(--btn-primary-bg);
|
||
|
color: black;
|
||
|
font-family: 'WorkSans-Bold', sans-serif;
|
||
|
width: max-content;
|
||
|
padding: 0.5rem;
|
||
|
place-items: center;
|
||
|
border-radius: 0.5rem;
|
||
|
z-index: 1;
|
||
|
cursor: pointer;
|
||
|
|
||
|
&:hover {
|
||
|
background-color: var(--btn-primary-hover-bg);
|
||
|
}
|
||
|
|
||
|
svg {
|
||
|
width: 20px;
|
||
|
height: auto;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.btn-primary-disabled {
|
||
|
pointer-events: none;
|
||
|
opacity: 0.5;
|
||
|
}
|