burger.css

.buttonMenu {
  padding: 15px;
  background-color: inherit;
  border: none; }
  .buttonMenu .buttonMenuIcon {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    position: relative;
    border: 2px solid #FFF;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    padding: 5px; }
    .buttonMenu .buttonMenuIcon span {
      width: 100%; }
      .buttonMenu .buttonMenuIcon span::after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        width: 15px;
        border-bottom: 2px solid #FFF; }

@media screen and (min-width: 480px) {
  height: 60px;
  .buttonMenu {
    display: none; } }

burger.scss

.buttonMenu {
  padding: $header-height-small/4;
  background-color: inherit;
  border: none;
  .buttonMenuIcon {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    position: relative;
    border: 2px solid $color;
    width: $header-height-small/2;
    height: $header-height-small/2;
    border-radius: 5px;
    padding: 5px;
    span {
      &::after {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        width: $header-height-small/4;
        border-bottom: 2px solid $color;
      }
      width: 100%;
    }
  }
}
@media screen and (min-width: 480px) {
  height: 60px;
  .buttonMenu {
    display: none;
  }
}