38 lines
589 B
SCSS
38 lines
589 B
SCSS
.action-btn {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
padding: 7px 16px;
|
|
border-radius: 6px;
|
|
border: 1px solid transparent;
|
|
cursor: pointer;
|
|
transition:
|
|
box-shadow 0.2s,
|
|
opacity 0.2s;
|
|
|
|
&:hover {
|
|
opacity: 0.85;
|
|
}
|
|
|
|
&:focus-visible {
|
|
outline: 2px solid var(--accent);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
&--connect,
|
|
&--search {
|
|
background: var(--accent);
|
|
color: #fff;
|
|
}
|
|
|
|
&--disconnect {
|
|
background: transparent;
|
|
color: var(--text);
|
|
border-color: var(--border);
|
|
|
|
&:hover {
|
|
border-color: #ef4444;
|
|
color: #ef4444;
|
|
}
|
|
}
|
|
}
|