код в scss не компилируется в style.css

использую редактор кода visual studio code, live sass compile не выдает никаких ошибок и успешно запускается (p.s основная часть кода скомпилирована с помощью онлайн компилятора кроме последнего свойства) оно и не применилось

* {
  box-sizing: border-box;
}

button {
  width: 250px;
  height: 50px;
  background-color: brown;
  border: none;
  cursor: pointer;
}

.circle {
  width: 50px;
  height: 50px;
  background-color: bisque;
  border-radius: 100%;
  margin-top: 20px;
  &:hover {
    background-color: pink;
  }
}