#diagnosis {
  .diagnosis__container {
    gap: 40px;

    & .diagnosis_content {

      & .diagnosis-description {
        border: 1px solid var(--stb-border-gray);
        background-color: var(--stb-white);
        padding: 20px;
        color: var(--stb-dark-gray);
      }

      & .buttons {
        display: flex;
        flex-direction: column;
        gap: 20px;


        &>div {
          display: flex;
          gap: 20px;

          @media (max-width: 640px) {
            flex-direction: column;
          }
        }

        .notice {
          display: flex;
          align-items: center;
          gap: 8px;

        }
      }
    }

    & .diagnosis-illustration {
      position: relative;

      img {
        width: 100%;
        border-radius: 40px;
        object-fit: cover;
      }

      .information {
        position: absolute;
        bottom: 10%;
        left: 10%;
        right: 10%;
        display: flex;
        flex-direction: column;
        gap: 12px;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 20px;
        border: 1px solid var(--stb-border-gray);

        &>div {
          display: flex;
          align-items: center;
          gap: 12px;
        }
      }
    }
  }
}