.BotaoBgPurple{
  background-color: #6d38df; /*  ebebeb; */
  border-radius: 10px;
  padding: 6px 12px 6px 12px;
  font-weight: bold;
  gap:10px;
  display: flex;
  flex-direction: row;
  color: white;
  align-items: center;
  cursor: pointer;
}
.BotaoBgPurple img{
  width: 11px;
  height: 11px; 
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(103%) contrast(103%);
}
.BotaoBgPurple span{
  cursor: pointer;
}
.BotaoBgPurple:hover,
.BotaoBgPurple:focus,
.BotaoBgPurple:active {
  background-color: #6d38df; /* mantém igual */
  color: white; /* mantém branco */
}

.BotaoBgLightGray img{
  width: 11px;
  height: 11px; 
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(103%) contrast(103%);
}
.BotaoBgLightGray span{
  cursor: pointer;
}

.BotaoBgLightGray{
  background-color: #F7F8FA; /*  ebebeb; */
  border-radius: 10px;
  padding: 6px 12px 6px 12px;
  font-weight: bold;
  gap:10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.BotaoBgLightGray img{
  width: 11px;
  height: 11px;
  filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(1%) hue-rotate(175deg) brightness(93%) contrast(78%);
}
.BotaoBgLightGray span{
  cursor: pointer;
}

.BotaoBgDanger{
  background-color: #dc3545; /*  ebebeb; */
  border-radius: 10px;
  padding: 6px 12px 6px 12px;
  font-weight: bold;
  gap:10px;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.BotaoBgDanger img{
  width: 11px;
  height: 11px;
  filter: brightness(0) saturate(100%) invert(21%) sepia(0%) saturate(1%) hue-rotate(175deg) brightness(93%) contrast(78%);
}
.BotaoBgDanger span{
  cursor: pointer;
}