button:focus{
  outline-color: transparent;
  outline-width: 0;
}
:is(button, a, input, select):focus-visible
{
  border-radius: 4px;
  outline-offset: 3px;
  outline: 2px solid var(--button-primary) !important;
}
.hamburger:focus-visible {
  outline-color: var(--el-primary) !important;
}
.form-control:focus-visible{
  outline: 0 !important;
}
.btn:focus {
  box-shadow: none;
}

[class*=" button-"] {
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: none;
  display: inline-block;
  min-height: var(--36px);
  font-weight: 500;
  font-family: var(--primary-font);
  font-size: var(--16px);
  line-height: 1.4;
  text-align: center;
}
:not(:is(button, a, input))[class*=" button-"]:not(:disabled):not(.disabled){
  cursor: default;
}
.button-1 {
  outline-color: var(--button-primary);
  background-color: var(--button-primary);
  color: var(--button-primary-fg);
  padding: 6px 15px;
  /* min-width: 176px; */
}

  .button-1:focus,
  .button-1:hover {
    /*box-shadow: 0 0.5em 0.5em -0.4em var(--button-primary);
      transform: translateY(-2px);*/
    color: var(--button-primary-fg);
    font-weight: 600;
  }
  :not(:is(button, a)):is(.button-1:focus,
  .button-1:hover):not(:disabled):not(.disabled){
    font-weight: 500;
  }
  .button-1.v2 {
    outline-color: var(--button-primary-2);
    background-color: var(--button-primary-2);
    color: var(--white);
  }
  .button-1.v3 {
    outline-color: var(--button-primary-3);
    background-color: var(--button-primary-3);
    color: var(--white);
  }
  .button-1.success{
    outline-color: var(--button-primary);
    background-color: var(--button-primary);
  }


.button-2,
.quick-view-plugin-btn,
.slider-btn,
.button-blank {
  color: var(--button-secondary-fg);
  background: var(--button-secondary);
  outline-color: var(--button-secondary);
  border: 1px solid var(--button-secondary);
  padding: 4px 12px;
  min-width: 106px;
}
  .button-2:focus,
  .button-2:hover {
    color: var(--button-secondary-fg);
    background: var(--button-secondary);
    font-weight: 600;
  }

.button-3 {
  background-color: transparent;
  color: var(--text-primary);
  padding: 6px 15px;
  min-width: 0;
  border-width: 0;
  border-color: attr(color);
}
  .button-3.v2 {
    color: var(--text-secondary);
  }

  .button-3.v3 {
    color: var(--button-primary-3);
  }

  .button-3:focus,
  .button-3:hover {
    /*transform: scale(1.02);*/
    color: var(--text-secondary);
  }

  .button-3.bordered{
    border-width: 1px;
    border-style: solid;
    border-radius: 24px;
  }


.button-icon{
  padding: 8px 9px;
}

.button-link{
  color: var(--text-secondary);
  background-color: transparent;
  padding: 0;
  width: auto;
  font-size: var(--14px);
}
  .button-link:focus,
  .button-link:hover{
    color: var(--text-primary);
  }

[data-target^='#modal-share']{
    cursor: pointer;
}