.full-width-card .card-container {
  min-height: 265px;
  width: 100%;
  justify-self: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 20px;
  padding: 30px;
  padding-bottom: 40px;
  padding-left: 30px;
  flex: 1 1 600px;
  background-repeat: no-repeat;
  background-size: calc(275px + 35%) auto;
}
.full-width-card .card-container .caption-container {
  color: white;
  font-size: 24pt;
  font-weight: 500;
}
.full-width-card .card-container .card-button {
  border-radius: 50px;
  height: auto;
  max-height: 80px;
  display: flex;
  max-width: fit-content;
}
.full-width-card .card-container.light-blue {
  background-color: #5cbef9;
}
.full-width-card .card-container.purple, .full-width-card .card-container.default-colour {
  background-color: #3b3ad5;
}
.full-width-card .card-container.green {
  background-color: #82d6d6;
}
.full-width-card .card-container.red {
  background-color: #cc2f5e;
}
.full-width-card .card-container.grey {
  background-color: #e1e4e8;
}
.full-width-card .card-container.right-justify {
  background-position: 5% center;
}
.full-width-card .card-container.right-justify .caption-container {
  text-align: end;
}
.full-width-card .card-container.right-justify .card-button {
  align-self: end;
}
.full-width-card .card-container.left-justify {
  background-position: 95% center;
}
.full-width-card .card-container.left-justify .caption-container {
  text-align: start;
}
.full-width-card .card-container.left-justify .card-button {
  align-self: start;
}

@media (max-width: 1200px) {
  .caption-container {
    width: 45% !important;
  }
}