.CaseCard {
  background-color: #fff;
  padding: var(--space-xl);
  -webkit-box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08), 0 4px 8px 0 rgba(188, 218, 227, 0.16);
          box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08), 0 4px 8px 0 rgba(188, 218, 227, 0.16);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

  .CaseCard:hover {
    -webkit-box-shadow: 0 14px 30px rgba(157, 167, 170, 0.2), 0 4px 8px rgba(157, 167, 170, 0.3);
            box-shadow: 0 14px 30px rgba(157, 167, 170, 0.2), 0 4px 8px rgba(157, 167, 170, 0.3);
  }

  .CaseCard:hover .CaseCard-Title,
    .CaseCard:hover .CaseCard-Bottom .Button {
      color: var(--color-blue-primary-light);
    }

  .CaseCard:active {
    -webkit-box-shadow: 0 14px 30px rgba(157, 167, 170, 0.2), 0 4px 8px rgba(157, 167, 170, 0.3);
            box-shadow: 0 14px 30px rgba(157, 167, 170, 0.2), 0 4px 8px rgba(157, 167, 170, 0.3);
  }

  .CaseCard:active .CaseCard-Title,
    .CaseCard:active .CaseCard-Bottom .Button {
      color: var(--color-blue-primary-dark);
    }

  .CaseCard_main {
    padding-top: var(--space-3xl);
  }

  @media screen and (max-width: 767px) {

  .CaseCard_main {
      padding-top: var(--space-2xl)
  }
    }

  .CaseCard_main .CaseCard-Bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      padding-top: var(--space-m);
      width: 100%;
    }

  .CaseCard_main .CaseCard-Bottom .Picture {
        max-width: 144px;
        margin-left: auto;
        margin-bottom: 0;
      }

  @media screen and (max-width: 767px) {

  .CaseCard_main .CaseCard-Bottom .Picture {
          max-width: 96px
      }
        }

  .CaseCard_main .CaseCard-Text {
      margin-top: var(--space-m);
    }

  .CaseCard_border {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .CaseCard-OverlayLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
  }

  .CaseCard-Border {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
  }

  .CaseCard-Logo {
    margin-bottom: var(--space-l);
  }

  .CaseCard-Title {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }

  .CaseCard-Bottom {
    margin-top: auto;
  }

  .CaseCard-Bottom:not(:first-child) {
      padding-top: var(--space-5xl);
    }

  @media screen and (max-width: 1199px) {

  .CaseCard-Bottom:not(:first-child) {
        padding-top: var(--space-4xl)
    }
      }
