.light-site-actions {
  z-index: 99999;
  top: 0;
  right: 0;
  background: #fff;
  position: fixed;
  display: flex;
  background: rgba(255, 255, 255, 0);
  transition: 0.2s;
  font-size: 16px;
}
.light-site-actions .as-btn-toggle-cats {
  position: absolute;
  top: 100%;
  width: 64px;
  height: 16px;
  border-radius: 0 0 3px 3px;
  border: 1px solid #ccc;
  border-top: 0;
  left: 50%;
  background-color: #fff;
  opacity: 0.7;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgb(169 169 169 / 14%),
    0 3px 1px -2px rgb(169 169 169 / 20%), 0 1px 5px 0 rgb(169 169 169 / 12%);
  box-shadow: 0 2px 2px 0 rgb(169 169 169 / 14%),
    0 3px 1px -2px rgb(169 169 169 / 20%), 0 1px 5px 0 rgb(169 169 169 / 12%);
  transform: translateX(-50%);
}
.light-site-actions .as-btn-toggle-cats::after {
  content: "";
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  left: 42%;
  transform: rotate(-45deg);
  top: 32%;
  transition: 0.2s;
}
.light-site-actions.as-hidden-cats .as-btn-toggle-cats::after {
  transform: rotate(135deg);
  top: -4%;
}
.light-site-actions.standart-categories {
  right: 50%;
  transform: translateX(50%);
}
.light-site-actions.standart-categories.as-hidden-cats {
  transform: translate(50%, -100%);
}
.light-site-actions.standart-categories.as-hidden-cats a {
  box-shadow: none;
}

.light-site-actions a {
  display: flex;
  align-items: center;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgb(169 169 169 / 14%),
    0 3px 1px -2px rgb(169 169 169 / 20%), 0 1px 5px 0 rgb(169 169 169 / 12%);
  box-shadow: 0 2px 2px 0 rgb(169 169 169 / 14%),
    0 3px 1px -2px rgb(169 169 169 / 20%), 0 1px 5px 0 rgb(169 169 169 / 12%);
  border: 0.046vw solid #ccc;
  border-radius: 0.25em;
  opacity: 0.7;
  margin-top: -1px;
  transition: ease-in-out 0.2s;
}

.light-site-actions a.disabled {
  cursor: no-drop;
  opacity: 0.2;
}

.light-site-actions a:not(.disabled):hover {
  opacity: 1;
}

html:not(.editable-html) .light-site-actions a {
  padding: 7px 15px;
}

.light-site-actions .btnSiteCategory {
  justify-content: center;
  min-width: 5.6em;
}

@media screen and (max-width: 767px) {
  .light-site-actions .btnSiteCategory {
    min-width: 0;
    font-size: 14px;
  }
}
