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

.card-desc {
  border-top: 5px solid $color-blue;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  position: relative;
  width: 522px;

  &-overlay {
    padding-top: 9rem;

    .close-button {
      border-radius: 100%;
      right: 1.7rem;
      top: 1.7rem;
      position: absolute;

      &:focus {
        outline: none;
      }
    }

    .text-muted-card {
      font-size: 20px;
      font-family: "DaimlerCS", sans-serif;
      color: $color-white;
      font-weight: 400;
    }

    .card-title {
      font-weight: 200;
      font-size: 24px;
    }
  }

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

  div.card {
    position: relative;
  }
}
