Partials not working

I'm getting errors in the console and the webpage is displaying incorrectly

Console errors:

  error scss/style.scss (Line 141: ".btn-callout" failed to @ext

The selector "%btn" was not found.
Use "@extend %btn !optional" if the extend should be able to fail.
)

Change detected to: scss/style.scss
write css/style.css
write css/style.css.map
New template detected: scss/partials/_main-styles.scss
Change detected to: scss/partials/_main-styles.scss
Change detected to: scss/style.scss
error scss/style.scss (Line 4: Invalid CSS after "...
": expected file to import (string or url()), was ";")
Change detected to: scss/style.scss
error scss/style.scss (Line 4: Invalid CSS after "...
": expected file to import (string or url()), was ";")

// Partial imports
@import 'partials/variables',
        'partials/mixins',
        'partials/helpers',                    ;
        'partials/main-styles';

%clearfix {
  &::after {
      content: '';
      display: table;
      clear: both;
    }
}

%btn {
  color: $white;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.75em 1.5em;
  border-radius: 0.35em; 
  &:hover {
      color: $white;
      opacity: 0.8;
    }
  &:active {
      opacity: initial; 
    }

}