.div-transition {
    transition: opacity 0.5s ease;
}

.div-hide {
    opacity: 0;
}

.div-show {
    opacity: 1;
}

.spinner-loading {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spin .75s linear infinite;
}
  
@keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}