.bui-loading {
  --icon-font-size: var(--bui-loading-icon-font-size, 30px);
  --text-padding: var(--bui-loading-text-padding, 10px);
  --animation-duration: var(--bui-loading-animation-duration, 1.6s);
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--bui-spacing-md);
  font-family: var(--bui-font-family);
}
.bui-loading-icon {
  font-size: var(--icon-font-size);
  animation: loading var(--animation-duration) linear infinite;
}
.bui-loading-text {
  padding: var(--text-padding);
  font-size: var(--bui-title-size-3);
}
.bui-loading-vertical {
  flex-direction: row;
}
.bui-loading-horizontal {
  flex-direction: column;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}