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

.jointSolutionDetailCard {
  padding: 2.5rem 2rem 2rem 2rem;
  background: $white;
  border: 0.0625rem solid rgba($black, 0.15);
  border-radius: $radius;
  color: $F1;

  header {
    display: flex;
    align-items: center;
    justify-content: center;
    figure {
      box-sizing: content-box;
      height: 2.5rem;
      width: 7.5rem;
      display: flex;
      align-items: center;

      img {
        width: auto;
        height: auto;
        max-height: 100%;
      }

      &:first-child {
        justify-content: flex-end;
        padding-right: 1.5rem;
        border-right: 0.0625rem solid $lineColor;
      }

      &:last-child {
        padding-left: 1.5rem;
      }
    }
  }

  h4 {
    @include h4();
    text-align: center;
    padding: 3rem 0 1.5rem;
  }

  footer {
    display: flex;
    justify-content: center;
    a {
      &:first-child {
        margin-right: 1rem;
      }
    }
  }
}