Как убрать отступы между кнопками в CSS?
nav {
    font-size: 0;
}
.dropdown {
  font-size: 14px;
}
это популярная проблема, когда еще не было flex. гугли про решение проблем с  inline-block
к примеру тут описано: https://habr.com/ru/post/189118/
Насчёт второго вопроса было бы неплохо создать переменную в SCSS и уже обоим параметрам задавать это значение, либо же mixin