76 lines
No EOL
1.1 KiB
CSS
76 lines
No EOL
1.1 KiB
CSS
.Button {
|
|
-webkit-font-smoothing: antialiased;
|
|
border: none;
|
|
box-shadow: none;
|
|
|
|
align-items: center;
|
|
border-radius: 6px;
|
|
display: inline-flex;
|
|
font-family: -apple-system, "Helvetica Neue", "Lucida Grande";
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
gap: 6px;
|
|
padding: 8px 12px;
|
|
}
|
|
|
|
.Button.btn-grey {
|
|
background: white;
|
|
color: #777;
|
|
}
|
|
|
|
.Button.btn-blue {
|
|
background: #61B3FF;
|
|
color: #8b8b8b;
|
|
}
|
|
|
|
.Button.btn-blue:hover {
|
|
background: #4B9BE5;
|
|
color: #233E56;
|
|
}
|
|
|
|
.Button.btn-red {
|
|
background: #fa4242;
|
|
color: #860f0f;
|
|
}
|
|
|
|
.Button.btn-red:hover {
|
|
background: #e91a1a;
|
|
color: #4e1717;
|
|
}
|
|
|
|
.Button.btn-red .icon {
|
|
color: #860f0f;
|
|
}
|
|
|
|
.Button.btn-red:hover .icon {
|
|
color: #4e1717;
|
|
}
|
|
|
|
.Button.btn-disabled {
|
|
background: #e0e0e0;
|
|
color: #bababa;
|
|
}
|
|
|
|
.Button.btn-disabled:hover {
|
|
background: #e0e0e0;
|
|
color: #bababa;
|
|
}
|
|
|
|
.Button .icon {
|
|
color: #c9c9c9;
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
|
|
.Button .text {
|
|
color: inherit;
|
|
}
|
|
|
|
.Button:hover {
|
|
color: #555;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Button:hover .icon {
|
|
color: #2360C5;
|
|
} |