.giftcard__container {
  display: flex;
  flex-direction: column;

  & .giftcard__dropdown {
    margin-top: 24px;
    max-width: 376px;
    width: 100%;
    & span {
      margin-bottom: 12px;
    }
  }
}

.shipping {
  font-weight: var(--fontWeightNormal);
  color: #797979;
  font-size: 12px;
  margin-left: 12px;
  display: block;
  margin-top: 10px;
}
.giftcard {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 385px;
  height: 250px;
  border-radius: 24px;
  transform: scale(0.6);
  transform-origin: left;
  color: var(--colorWhite);

  @media (--screenMD) {
    transform: scale(1);
  }

  & .giftcard__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--colorWhite);
    fill: var(--colorWhite);
    width: 100px;
  }
  & .giftcard__amount {
    position: absolute;
    top: 20px;
    right: 24px;
    display: flex;
    flex-direction: row;
    & span:first-child {
      font-size: 14px;
      margin-right: 5px;
    }
    & span:nth-child(2) {
      font-weight: 600;
      font-size: 24px;
    }
  }
  & .giftcard__home {
    position: absolute;
    left: 24px;
    bottom: 20px;
    font-size: 12px;
    font-weight: 300;
  }
}

.black {
  background: linear-gradient(
    90deg,
    rgba(30, 30, 30, 1) 0%,
    rgba(68, 68, 68, 1) 100%
  );
}

.blue {
  background: transparent linear-gradient(90deg, #071621 0%, #284660 100%) 0% 0%
    no-repeat padding-box;
}

.red {
  background: linear-gradient(
    90deg,
    rgba(213, 88, 80, 1) 0%,
    rgba(237, 99, 89, 1) 100%
  );
}