.spinner {
  color: transparent !important;
  pointer-events: none;
  position: relative;
}

.spinner:after {
  animation: spinAround 500ms infinite linear;
  border:  2px solid var(--bulma-primary);
  border-radius: 50%;
  border-right-color: transparent;
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  left: calc(50% - (1em / 2));
  top: calc(50% - (1em / 2));
  position: absolute !important;
}
@keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}