.#{$theme-name} {
  .LocateButton {
    span {
      display: none;
    }
    .zoomLocateButton {
      @include esri-icon-button-default;
      &:before {
        content: "\e630";
      }
    }
    .loading {
      background-image: url($image-loading-circular);
      background-position: center center;
      background-repeat: no-repeat;
      transition: none;
      &:before {
        display: none;
      }
    }
  }
}

