.btn-circle {
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  border: 0;
  color: var(--bs-body-color);
  background-color: transparent;
}

.btn-circle-xs {
  width: 30px;
  height: 30px;
  padding: 6px;
  font-size: 14px;
}

.btn-circle:hover {
  background-color: rgba(var(--bs-body-color-rgb), 0.1) !important;
}

.btn-circle-bs {
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  border: 0;
}