@import "../../../../../assets/styles/index.scss";

.card-desc {
  @include border(top, 5px, solid, $color-blue);
  @include border-radius(0);
  box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.16),
    0px 3px 10px 0 rgba(0, 0, 0, 0.12);
  position: relative;
  @include rem("width", 522px);

  &-overlay {
    @include rem("padding-top", 144px);
    @include border-radius(0);
    .close-button {
      @include border-radius(100%);
      @include rem("right", 27px);
      @include rem("top", 27px);
      position: absolute;

      &:focus {
        outline: none;
      }
    }

    .text-muted-card {
      @include rem("font-size", 20px);
      font-family: "DaimlerCS", sans-serif;
      color: $color-white;
    }

    .card-title {
      @include rem("font-size", 24px);
    }
  }

  &-body {
    font-family: "DaimlerCS", sans-serif;
    @include rem("font-size", 18px);
    color: $color-dark-gray3;
    @include rem("padding", 24px 40px);
  }

  div.card {
    position: relative;
    @include border-radius(0);
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.16),
      0px 3px 10px 0 rgba(0, 0, 0, 0.12);
  }
}
