@import "@/styles/variables";
@import "@/styles/mixins";

.contactUsMore {
  background: $grey-light;
  color: $black;
  padding: $hl-3 0;
}

.inner {
  display: flex;
  flex-direction: column;
  background: $white;
  border-radius: $radius;
  box-shadow: $shadow-normal;
  text-align: center;
  height: 100%;
  padding: $hl-6 $hl-8 $hl-7 $hl-8;

  .icon {
    text-align: center;
    margin: 0 auto;
    $size: 64px;
    width: $size;
    height: $size;
  }

  h3 {
    margin: $hl-8 0 $hl-9 0;
  }

  p {
    flex: 1;
    opacity: 0.6;
    overflow: hidden;
  }

  .btnContent {
    margin-top: $hl-8;
  }

  a {
    min-width: 7rem;
  }
}