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

.container {
  .content {
    padding: 3rem 0;

    img {
      height: 260px;
    }
  }

  h2 {
    @include h2();
    color: $white;
  }

  div {
    @include h5($light);
    color: $white;
    margin-top: 1rem;
  }

  a {
    &:hover {
      color: $red;
    }
  }
}

.linkButton {
  font-weight: 600;
}

@media screen and (max-width: $mobile) {
  .content {
    flex-direction: column;
    padding: 3rem 2rem !important;

    h2 {
      text-align: center;
    }
  }

  .linkButton {
    margin-top: 1rem;
  }
}