@media screen and (min-width: 1024px) {
  .custom__floating__spinner {
    position: absolute;
    width: 9.27vw;
    height: 9.27vw;
    aspect-ratio: 1/1;
    background: #f0f1fa;
    z-index: 5;
    border-radius: 100%;
    overflow: hidden;
  }
  .custom__floating__spinner__arrow {
    position: absolute;
    height: 1.14vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    z-index: 5;
  }
  .custom__floating__spinner__text__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.93);
    border-radius: 100%;
    background: #fff;
    width: 9.27vw;
    height: 9.27vw;
    overflow: hidden;
    will-change: transform;
  }
  .custom__floating__spinner__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.3);
    width: 100%;
    height: 100%;
    border-radius: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .custom__floating__spinner {
    position: absolute;
    width: 28.67vw;
    height: 28.67vw;
    aspect-ratio: 1/1;
    background: #f0f1fa;
    z-index: 5;
    border-radius: 100%;
    overflow: hidden;
  }
  .custom__floating__spinner__arrow {
    position: absolute;
    height: 3.6vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    z-index: 5;
  }
  .custom__floating__spinner__text__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.93);
    border-radius: 100%;
    background: #fff;
    width: 28.67vw;
    height: 28.67vw;
    overflow: hidden;
    will-change: transform;
  }
  .custom__floating__spinner__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.3);
    width: 100%;
    height: 100%;
    border-radius: 100%;
  }
}