@mixin loading-border-top {
  &::before {
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 40%, #68d7fb 60%, rgba(255, 255, 255, 0.2));
    background-size: 200% 200%;
    animation: kitt 2.5s linear infinite;
  }
}

@keyframes kitt {
  0%{ background-position: 0% 0%}
  50%{ background-position: 100% 0%}
  100%{ background-position: 0% 0%}
}