@import "src/assets/scss/variables";
.rescom-container {
  .rescom-stats-footer {
    background-color: #040059;
    display: flex;
    height: 8rem;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    position: relative;

    .footer-icon {
      position: absolute;
      top: 0;
      left: 330px;
    }

    .rescom-stats-footer-inner {
      display: flex;
      align-items: center;

      .rescom-stats-footer-text {
        & p {
          font-size: 1.4rem;
          color: $white;

          & span {
            font-size: 2.5rem;
            font-weight: 900;
          }
        }
      }

      .rescom-stats-footer-btn {
        padding: 1rem 2.1rem;
        margin-left: 3.5rem;
        background-color: $white;
        font-size: 1.3rem;
        color: #040059;
        border-radius: 7px;
        cursor: pointer;
        transition: 0.3s;

        &:hover {
          background-color: #1A73E8;
          color: $white;
        }
      }

      @media (max-width: 766px) {
        flex-direction: column;
        padding: 2rem 0rem;
        gap: 1.5rem;
      }

      @media (max-width: 475px) {
        .rescom-stats-footer-text {
          & p {
            text-align: center;
          }
        }
      }
    }

    @media (max-width: 766px) {
      height: auto;
      margin-bottom: 5rem;
    }
  }

}