.container {
  border-radius: var(--Corner-radius-Large);
  background-color: var(--Main-Brand-WarmWhite);
  padding: 0 var(--Spacing-x2);
  display: flex;
  gap: var(--Spacing-x5);
}

@media screen and (min-width: 768px) {
  .container {
    padding: 0 var(--Spacing-x4) 0 0;
  }
}

.iconContainer {
  display: none;
}

@media screen and (min-width: 768px) {
  .iconContainer {
    width: 384px;
    display: flex; /* gets rid of whitespace */
  }
}

.content {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x3);
  padding: var(--Spacing-x3) 0;
}

.textContent {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x2);
}

.header {
  display: grid;
  gap: var(--Spacing-x-quarter);
}

.usp {
  list-style: none;
  display: grid;
  gap: var(--Spacing-x1);
}

@media screen and (min-width: 768px) {
  .usp {
    grid-template-columns: repeat(3, 1fr);
    padding: var(--Spacing-x-one-and-half) 0;
  }
}

.usp li {
  display: flex;
  align-items: center;
  gap: var(--Spacing-x1);
  padding-left: var(--Spacing-x1);
}

.usp li:before {
  content: url("/_static/icons/heart.svg");
  position: relative;
  top: 3px;
}

@media screen and (min-width: 768px) {
  .buttonContainer {
    display: flex;
    width: 180px;
  }
}