.btnAction2 {
  display: inline-block;
  background-color: var(--color2);
  border-left: 1px solid var(--color1);
  border-bottom: 1px solid var(--color1);
  border-right: 1px solid var(--color1);
  color: var(--color1)!important;

  text-decoration: none!important;
  padding: 8px;
  font-size: 15px!important;
  margin-bottom: 5px;
}

.btnAction2Hover {
  display: inline-block;
  background-color: var(--color1);
  border-left: 1px solid var(--color1);
  border-bottom: 1px solid var(--color1);
  border-right: 1px solid var(--color1);
  color: var(--color2)!important;
  text-decoration: none!important;
  padding: 8px;
  font-size: 15px!important;
  margin-bottom: 5px;
}

.btnAction2:hover {
  background-color: var(--color1);
  border-left: 1px solid var(--color1);
  border-bottom: 1px solid var(--color1);
  border-right: 1px solid var(--color1);
  color: var(--color2)!important;
  text-decoration: none!important;
}

@media screen and (min-width: 0px) {
      .btnAction2 {
        padding: 4px!important;
        font-size: 10px!important;
      }

      .btnAction2Hover {
        padding: 4px!important;
        font-size: 10px!important;
      }
      #menu-categorias {
          margin-top: -32px!important;
          display: block;
      }
}

@media screen and (min-width: 547px) {
  .btnAction2 {
    padding: 8px!important;
    font-size: 15px!important;
  }

  .btnAction2Hover {
    padding: 8px!important;
    font-size: 15px!important;
  }
  #menu-categorias {
      margin-top: -12px!important;
      display: block;
  }
}

@media screen and (min-width: 970px) {
  #menu-categorias {
      margin-top: -12px!important;
      display: block;
  }
}

@media screen and (min-width: 1318px) {
  #menu-categorias {
      margin-top: -12px!important;
      display: none;
  }
}