.amora-share-lite{
  display:flex;
  align-items:center;
  gap: var(--asl-gap);
  margin: 26px 0;
  position: relative;
}

.amora-share-lite--left{ justify-content:flex-start; }
.amora-share-lite--center{ justify-content:center; }
.amora-share-lite--right{ justify-content:flex-end; }

.amora-share-lite__btn{
  width: var(--asl-btn);
  height: var(--asl-btn);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  background: transparent;
  border: 2px solid var(--asl-color);
  color: var(--asl-color);
  text-decoration:none;
  padding: 0;
  cursor: pointer;
  transition: .18s ease;
}

.amora-share-lite__btn i{
  font-size: var(--asl-icon);
  line-height: 1;
  color: currentColor;
}

.amora-share-lite__btn:hover{
  border-color: var(--asl-hover);
  color: var(--asl-hover);
  transform: translateY(-1px);
}

/* floating: không nền, dính cạnh */
.amora-share-lite--floating{
  position: fixed;
  z-index: 99999;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

/* toast */
.amora-share-lite__toast{
  position:absolute;
  left:50%;
  top: calc(100% + 10px);
  transform: translateX(-50%);
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.72);
  color:#fff;
  opacity:0;
  pointer-events:none;
  transition:.18s ease;
  white-space:nowrap;
}

.amora-share-lite.is-copied .amora-share-lite__toast{
  opacity:1;
}

@media (max-width:640px){
  .amora-share-lite--floating{
    left: 14px;
    right: 14px;
    top: auto;
    bottom: 14px;
    transform: none;
    justify-content:center;
  }
}
