@import "../../../../assets/scss/variables";

  .app {

    &--title-arrow {
      display: flex;
      justify-content: center;
      align-items: center;
      //flex: 0 0 195px;
    }

    & p {
      font-size: 1.4rem;
      font-weight: bold;
      color: $title-color;
      letter-spacing: 0.28px;
      margin: 0 1.35rem 0 .5rem;
      white-space: nowrap;
    }

    .app-arrow-dark {
      margin-top: 0.1rem;
    }

    &:hover {
      background-color: #1a73e8;

      p {
        color: $white;
      }

      .svg-dashboard-icons,
      .app-arrow-dark {

        svg {
          fill: white;
          circle {
            fill: white;
          }

          #call {
            fill: $secondary-color;
          }
        }
      }

      #dpass-logo-svg {
        .circle {
          fill: white;
        }

        .inner {
          fill: $secondary-color;
        }
      }
    }
  }