/* buttons */
.btn {
	appearance: none;
	display: inline-flex;
	justify-content: center;
    align-items: center;
    padding: 6px 15px;
    border-radius: 8px;
    font-size: 14px;
	outline: none;
	transition: background-color .18s, border-color .18s, color .18s;
    cursor: pointer;
    white-space: nowrap;
    line-height: 120%;
    background-image: none;
	border: none;
	text-decoration: none;
	height: max-content;
}

.btn svg{
	width: 14px;
	height: 14px;
}

.btn_xs svg {
	width: 12px;
	height: 12px;
}

.btn a{
	text-decoration: none;
}

.btn_xs {
	padding: 2px 5px;
    font-size: 12px;
}

.btn .icon {
	margin-top: -2px;
	margin-right: 4px;
	vertical-align: middle;
}

.btn_grey {background: var(--grey100); color: var(--grey)}
.btn_grey svg {fill: #828e9c}
.btn_grey:hover {background: var(--grey200); color: var(--grey)}
.btn_grey:hover svg {fill: #465261}