.button.button--sm {display: inline-flex; align-items: center; justify-content: center; gap: var(--mn-8); padding: var(--mn-12) var(--mn-24); border-radius: var(--r-8); font-family: var(--monts); font-size: var(--fs-14); line-height: var(--lh-20); font-weight: var(--fw-600)}
.button.button--outline {border-width: var(--bw-1); border-color: var(--main-border); background: var(--main-white); color: var(--main-black)}
.button.button--outline:hover {border-color: var(--main-black); background: var(--main-white); color: var(--main-black)}
.button .button__icon {flex: none}

@media (max-width: 768px) {
	.button.button--sm {display: flex; width: 100%}
}