.degreesPromoCard-wrapper_2x8KN {
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: none;
}

@media screen and (min-width: 480px) {
  .degreesPromoCard-wrapper_2x8KN {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/degrees/promos/large-degree-promo-image-4d853e61d8e3b648e0b74a32f91f29d6.svg),linear-gradient(-180deg, rgba(80,0,226,0.98) 0%, #8700cd 100%);
    background-repeat: no-repeat, repeat;
    background-position-y: -100px, top;
    background-position-x: 30px, left;
  }
}

.degreesPromoCard-linkBlock_7a6zN {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media screen and (min-width: 480px) {
  .degreesPromoCard-linkBlock_7a6zN {
    justify-content: center;
    padding-left: 260px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 479px) {
  .degreesPromoCard-linkBlock_7a6zN,
  .degreesPromoCard-linkBlock_7a6zN:hover {
    background-color: #8700cd;
  }
}

.degreesPromoCard-image_2VIEM {
  background-color: #5000e2;
  height: 150px;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 480px) {
  .degreesPromoCard-image_2VIEM {
    display: none;
  }
}

.degreesPromoCard-button_1ehWA {
  font-weight: bold;
  text-align: center;
  padding: 0.5em 1em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  transition-property: background-color, border-color, color;
  transition-timing-function: linear;
  transition-duration: 0.4s;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #de00a5;
  background-color: #de00a5;
  color: #fff;
  cursor: pointer;
  border-color: #fff;
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .degreesPromoCard-button_1ehWA {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .degreesPromoCard-button_1ehWA {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.degreesPromoCard-button_1ehWA:hover {
  border-color: #2541fc;
  background-color: #2541fc;
  color: #fff;
}

.degreesPromoCard-button_1ehWA:hover {
  background-color: #5000e2;
  border-color: #fff;
}

@media screen and (min-width: 648px) {
  .degreesPromoCard-button_1ehWA {
    width: auto;
  }
}