
.general {
    border: var(--info-grid-column-border);
    border-radius: 0.8rem;
    padding: 2.4rem;
    background-color: var(--info-grid-column-background-color);
    box-shadow: 0 4px 8px #ececf6;
    flex-grow: 1;
    flex-basis: 0;
}

.gridItem {
    border: none;
    padding: 0;
    min-height: fit-content;    
    @include flex-align(flex-start, space-between);  
    @include flex-direction(row);
    margin-bottom: 0.8rem;

    &::before {
      display: none;
    }

    span {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: 700;
        color: var(--info-grid-title-color);

        &:nth-of-type(2) {
            text-align: right;
            max-width: 17rem;
            padding: 0;
            font-weight: 400;
            color: var(--info-grid-text-color);

            @include min(tablet) {
                max-width: 22rem;
            }
        }

        > button,
        > div {
            font-weight: 700;
            @include flex-align(flex-end, flex-end); 
            width: 100%;
        }

        > a,
        > div {
            cursor: pointer;
            text-decoration: underline;
            color: #165af8;
        }

        @include min(tablet) {
            font-size: 1.8rem;
            line-height: 1.8rem;
      
            &:nth-of-type(2) {
              font-size: 1.6rem;
              line-height: 2.7rem;
              
            }
        }
    }
}

.header {
    margin-bottom: 2.4rem;
  
    span {
      @include flex-align(center, flex-start); 
      font-size: 1.8rem;
      font-weight: 700;
      color: #212529;
    }
}

.imgContainer {
    @include flex-align(center, center); 
    background-color: #ececf6;
    border-radius: 50%;
    height: 40px;
    margin-right: 1.6rem;
    width: 40px;
  
    svg {
      height: 23px;
      width: 25px;
    }
}