.hopscotch-bubble {
  .hopscotch-bubble-container {
    .hopscotch-bubble-number {
      background-image: none;
      background-color: $SUCCESS_COLOR;
      border-radius: 50%;
      width: 30px;
      padding: 0px;
      margin-right: 10px;
    }
    .hopscotch-bubble-content {
      margin-left: 0px;
    }
    .hopscotch-title {
      font-weight: bold;
      font-size: $LARGE_FONT_SIZE;
      font-family: $DEFAULT_FONT_FAMILY;
      color: $SUCCESS_COLOR;
      margin-top: 5px;
      margin-right: 0px;
      min-height: 30px;
    }
    .hopscotch-nav-button {
      line-height: 0px;
      &:hover {
        box-shadow: none;
      }
      &.next {
        @extend .button;
        @extend .primary-action;
        background-image: none;
        text-shadow: none;
        min-width: 0;
        margin-left: 7px;
        &:hover {
          background-image:none;
          text-shadow: none;
        }
      }
      &.prev {
        @extend .button;
        min-width: 0;
        &:hover {
          background-image: none;
          text-shadow: none;
        }
      }
    }
  }
}