/********** P R I M A R Y   S T U F F***********/
/**********   C A R D   S T U F F   ***********/
/* --------- i Card Layouts : movie card --------------- */
.cardResponFree {
  height: 20em;
  width: 12.8em;
  padding: 0.1%;
  cursor: pointer;
  overflow: hidden;
  margin: 1% 0.8%;
  border: 1.2px solid #8D72E1;
}
.cardResponFree .cardLayoutSub {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
}
.cardResponFree .cardLayoutSub .cardImg {
  display: flex;
  height: 54%;
  padding: 1%;
  align-items: center;
  justify-content: center;
}
.cardResponFree .cardLayoutSub .cardImg img {
  height: 100%;
  width: 100%;
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 4% 64%;
     object-position: 4% 64%;
}
.cardResponFree .cardLayoutSub .cardDetails {
  padding: 4%;
  width: 100%;
  height: 46%;
}
.cardResponFree .cardLayoutSub .cardDetails .cardContent {
  display: flex;
  justify-content: space-between;
  height: 24%;
}
.cardResponFree .cardLayoutSub .cardDetails .cardContent .cardCenter .cardGenrer {
  color: #F27200;
  font-weight: 200;
  font-size: 60%;
  margin-top: 4%;
  font-weight: 600;
}
.cardResponFree .cardLayoutSub .cardDetails .cardContent .cardAside {
  display: flex;
  width: 15%;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 70%;
  border-radius: 4px;
  background-color: #8D72E1;
}
.cardResponFree .cardLayoutSub .cardDetails .cardOverview {
  height: 70%;
  overflow: hidden;
  font-size: 68%;
  color: #5E5E5E;
  line-height: 140%;
  margin-top: 8%;
}

.cardResponLimit {
  height: 20em;
  width: 14%;
  padding: 0.1%;
  cursor: pointer;
  overflow: hidden;
  margin: 1% 0.8%;
  border: 1.2px solid #8D72E1;
}
.cardResponLimit .cardLayoutSub {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
}
.cardResponLimit .cardLayoutSub .cardImg {
  display: flex;
  height: 54%;
  padding: 1%;
  align-items: center;
  justify-content: center;
}
.cardResponLimit .cardLayoutSub .cardImg img {
  height: 100%;
  width: 100%;
  border-radius: 2px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 4% 64%;
     object-position: 4% 64%;
}
.cardResponLimit .cardLayoutSub .cardDetails {
  padding: 4%;
  width: 100%;
  height: 46%;
}
.cardResponLimit .cardLayoutSub .cardDetails .cardContent {
  display: flex;
  justify-content: space-between;
  height: 24%;
  /* Ruff */
}
.cardResponLimit .cardLayoutSub .cardDetails .cardContent .cardCenter .cardGenrer {
  color: #F27200;
  font-weight: 200;
  font-size: 60%;
  margin-top: 4%;
  font-weight: 600;
}
.cardResponLimit .cardLayoutSub .cardDetails .cardContent .cardAside {
  display: flex;
  width: 15%;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 70%;
  border-radius: 4px;
  background-color: #8D72E1;
}
.cardResponLimit .cardLayoutSub .cardDetails .cardOverview {
  height: 70%;
  overflow: hidden;
  font-size: 70%;
  color: #5E5E5E;
  line-height: 140%;
  margin-top: 8%;
}

/* --------- ii Sign up card : sign up card--------------- */
.signCardResponFree {
  display: flex;
  height: 19.8em;
  width: 13.6em;
  align-items: center;
  font-family: Helvetica, sans-serif;
  justify-content: center;
  cursor: pointer;
  margin: 1% 0.8%;
  overflow: hidden;
  padding: 0.1%;
  /* Ruff  : temp */
  border: 1px solid pink;
  background-color: white;
}
.signCardResponFree .signCardSub {
  display: flex;
  height: 80%;
  width: 82%;
  flex-direction: column;
  font-family: Helvetica, sans-serif;
}
.signCardResponFree .signCardSub div {
  display: flex;
  height: 20%;
  margin: 6% 0;
  flex-direction: column;
  justify-content: center;
}
.signCardResponFree .signCardSub .loginTitle {
  height: 16%;
  text-align: center;
  /* background-color: #5E5E5E; */
}
.signCardResponFree .signCardSub .loginEmail {
  color: #929292;
}
.signCardResponFree .signCardSub .loginEmail div {
  margin: 1% 0;
}
.signCardResponFree .signCardSub .loginPassword {
  color: #929292;
}
.signCardResponFree .signCardSub .loginPassword div {
  margin: 1% 0;
}
.signCardResponFree .signCardSub .loginSubmit {
  text-align: center;
}

.signCardResponLimit {
  display: flex;
  height: 19.8em;
  width: 18%;
  align-items: center;
  font-family: Helvetica, sans-serif;
  justify-content: center;
  cursor: pointer;
  margin: 1% 0.8%;
  overflow: hidden;
  padding: 0.1%;
  /* Ruff  : temp */
  border: 1px solid pink;
  background-color: white;
}
.signCardResponLimit .signCardSub {
  display: flex;
  height: 80%;
  width: 82%;
  flex-direction: column;
  font-family: Helvetica, sans-serif;
}
.signCardResponLimit .signCardSub div {
  display: flex;
  height: 20%;
  margin: 6% 0;
  flex-direction: column;
  justify-content: center;
}
.signCardResponLimit .signCardSub .loginTitle {
  height: 16%;
  text-align: center;
  /* background-color: #5E5E5E; */
}
.signCardResponLimit .signCardSub .loginEmail {
  color: #929292;
}
.signCardResponLimit .signCardSub .loginEmail div {
  margin: 1% 0;
}
.signCardResponLimit .signCardSub .loginPassword {
  color: #929292;
}
.signCardResponLimit .signCardSub .loginPassword div {
  margin: 1% 0;
}
.signCardResponLimit .signCardSub .loginSubmit {
  text-align: center;
}

/* --------- iii product card 1 Layouts  --------------- */
.productCard {
  display: flex;
  height: 44vh;
  width: 15vw;
  align-items: center;
  font-family: Helvetica, sans-serif;
  justify-content: center;
  cursor: pointer;
  margin: 1% 0.8%;
  overflow: hidden;
  padding: 0.1%;
  /* Ruff  : temp */
  border: 1px solid pink;
  background-color: white;
}
.productCard .proCardSub {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  font-size: 80%;
  /* background-color: pink; */
}
.productCard .proCardSub .proImage {
  width: 100%;
  height: 54%;
}
.productCard .proCardSub .proImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.4%;
  -o-object-position: 4% 40%;
     object-position: 4% 40%;
}
.productCard .proCardSub .proContent {
  display: flex;
  height: 30%;
  flex-direction: row;
  padding: 6% 4%;
  /* Ruff : temp */
}
.productCard .proCardSub .proContent .cardAsideLeft {
  width: 70%;
}
.productCard .proCardSub .proContent .cardAsideLeft p {
  margin: 2% 0;
  word-spacing: 120%;
}
.productCard .proCardSub .proContent .cardAsideLeft .proTitle {
  font-size: 110%;
  margin-bottom: 10%;
}
.productCard .proCardSub .proContent .cardAsideLeft .proRate {
  font-size: 90%;
}
.productCard .proCardSub .proContent .cardAsideLeft .newPrice {
  color: salmon;
}
.productCard .proCardSub .proContent .cardAsideLeft .oldPrice {
  text-decoration: line-through;
}
.productCard .proCardSub .proContent .cardAsideLeft .proDiscount {
  font-size: 100%;
  color: #4d5156;
}
.productCard .proCardSub .proContent .cardAsideRight {
  display: flex;
  height: 30%;
  width: 30%;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 6% 2%;
  border: 1px solid #ffedf6;
}
.productCard .proCardSub .proContent .cardAsideRight .proReviewStars {
  display: flex;
  width: 100%;
}
.productCard .proCardSub .proContent .cardAsideRight .proReviewStars .starbox {
  margin: 0 1%;
}
.productCard .proCardSub .proContent .cardAsideRight .proReviewStars .starbox img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productCard .proCardSub .proContent .cardAsideRight .proReviewCounts {
  width: 100%;
}
.productCard .proCardSub .proContent .cardAsideRight .proReviewCounts p {
  font-size: 50%;
  letter-spacing: 0.1em;
  color: rgb(130, 124, 124);
}
.productCard .proCardSub .proBtn {
  display: flex;
  height: 16%;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.productCardResponFree {
  display: flex;
  height: 22em;
  width: 14em;
  align-items: center;
  font-family: Helvetica, sans-serif;
  justify-content: center;
  cursor: pointer;
  margin: 1% 0.8%;
  overflow: hidden;
  padding: 0.1%;
  /* Ruff  : temp */
  border: 1px solid pink;
  background-color: white;
}
.productCardResponFree .proCardSub {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  font-size: 80%;
  /* background-color: pink; */
}
.productCardResponFree .proCardSub .proImage {
  width: 100%;
  height: 54%;
}
.productCardResponFree .proCardSub .proImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.4%;
  -o-object-position: 4% 40%;
     object-position: 4% 40%;
}
.productCardResponFree .proCardSub .proContent {
  display: flex;
  height: 30%;
  flex-direction: row;
  padding: 6% 4%;
  /* Ruff : temp */
}
.productCardResponFree .proCardSub .proContent .cardAsideLeft {
  width: 70%;
}
.productCardResponFree .proCardSub .proContent .cardAsideLeft p {
  margin: 2% 0;
  word-spacing: 120%;
}
.productCardResponFree .proCardSub .proContent .cardAsideLeft .proTitle {
  font-size: 110%;
  margin-bottom: 10%;
}
.productCardResponFree .proCardSub .proContent .cardAsideLeft .proRate {
  font-size: 90%;
}
.productCardResponFree .proCardSub .proContent .cardAsideLeft .newPrice {
  color: salmon;
}
.productCardResponFree .proCardSub .proContent .cardAsideLeft .oldPrice {
  text-decoration: line-through;
}
.productCardResponFree .proCardSub .proContent .cardAsideLeft .proDiscount {
  font-size: 100%;
  color: #4d5156;
}
.productCardResponFree .proCardSub .proContent .cardAsideRight {
  display: flex;
  height: 30%;
  width: 30%;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 6% 2%;
  border: 1px solid #ffedf6;
}
.productCardResponFree .proCardSub .proContent .cardAsideRight .proReviewStars {
  display: flex;
  width: 100%;
}
.productCardResponFree .proCardSub .proContent .cardAsideRight .proReviewStars .starbox {
  margin: 0 1%;
}
.productCardResponFree .proCardSub .proContent .cardAsideRight .proReviewStars .starbox img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productCardResponFree .proCardSub .proContent .cardAsideRight .proReviewCounts {
  width: 100%;
}
.productCardResponFree .proCardSub .proContent .cardAsideRight .proReviewCounts p {
  font-size: 50%;
  letter-spacing: 0.1em;
  color: rgb(130, 124, 124);
}
.productCardResponFree .proCardSub .proBtn {
  display: flex;
  height: 16%;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.productCardResponLimit {
  display: flex;
  height: 19.8em;
  width: 14%;
  align-items: center;
  font-family: Helvetica, sans-serif;
  justify-content: center;
  cursor: pointer;
  margin: 1% 0.8%;
  overflow: hidden;
  padding: 0.1%;
  /* Ruff  : temp */
  border: 1px solid pink;
  background-color: white;
}
.productCardResponLimit .proCardSub {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  font-size: 80%;
  /* background-color: pink; */
}
.productCardResponLimit .proCardSub .proImage {
  width: 100%;
  height: 54%;
}
.productCardResponLimit .proCardSub .proImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.4%;
  -o-object-position: 4% 40%;
     object-position: 4% 40%;
}
.productCardResponLimit .proCardSub .proContent {
  display: flex;
  height: 30%;
  flex-direction: row;
  padding: 6% 4%;
  /* Ruff : temp */
}
.productCardResponLimit .proCardSub .proContent .cardAsideLeft {
  width: 70%;
}
.productCardResponLimit .proCardSub .proContent .cardAsideLeft p {
  margin: 2% 0;
  word-spacing: 120%;
}
.productCardResponLimit .proCardSub .proContent .cardAsideLeft .proTitle {
  font-size: 110%;
  margin-bottom: 10%;
}
.productCardResponLimit .proCardSub .proContent .cardAsideLeft .proRate {
  font-size: 90%;
}
.productCardResponLimit .proCardSub .proContent .cardAsideLeft .newPrice {
  color: salmon;
}
.productCardResponLimit .proCardSub .proContent .cardAsideLeft .oldPrice {
  text-decoration: line-through;
}
.productCardResponLimit .proCardSub .proContent .cardAsideLeft .proDiscount {
  font-size: 100%;
  color: #4d5156;
}
.productCardResponLimit .proCardSub .proContent .cardAsideRight {
  display: flex;
  height: 30%;
  width: 30%;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 6% 2%;
  border: 1px solid #ffedf6;
}
.productCardResponLimit .proCardSub .proContent .cardAsideRight .proReviewStars {
  display: flex;
  width: 100%;
}
.productCardResponLimit .proCardSub .proContent .cardAsideRight .proReviewStars .starbox {
  margin: 0 1%;
}
.productCardResponLimit .proCardSub .proContent .cardAsideRight .proReviewStars .starbox img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productCardResponLimit .proCardSub .proContent .cardAsideRight .proReviewCounts {
  width: 100%;
}
.productCardResponLimit .proCardSub .proContent .cardAsideRight .proReviewCounts p {
  font-size: 50%;
  letter-spacing: 0.1em;
  color: rgb(130, 124, 124);
}
.productCardResponLimit .proCardSub .proBtn {
  display: flex;
  height: 16%;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* --------- iv Product card 2 --------------- */
.productCard2ResponFree {
  display: flex;
  height: 22em;
  width: 14em;
  align-items: center;
  font-family: Helvetica, sans-serif;
  justify-content: center;
  cursor: pointer;
  margin: 1% 0.8%;
  overflow: hidden;
  padding: 0.1%;
  /* Ruff  : temp */
  border: 1px solid pink;
  background-color: white;
}
.productCard2ResponFree .proCardSub {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  font-size: 80%;
  /* background-color: pink; */
}
.productCard2ResponFree .proCardSub .proImage {
  width: 100%;
  height: 54%;
}
.productCard2ResponFree .proCardSub .proImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.4%;
  -o-object-position: 4% 40%;
     object-position: 4% 40%;
}
.productCard2ResponFree .proCardSub .proContent {
  display: flex;
  height: 30%;
  flex-direction: row;
  padding: 6% 4%;
  /* Ruff : temp */
}
.productCard2ResponFree .proCardSub .proContent .cardAsideLeft {
  width: 70%;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideLeft p {
  margin: 2% 0;
  word-spacing: 120%;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideLeft .proTitle {
  font-size: 110%;
  margin-bottom: 10%;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideLeft .proRate {
  font-size: 90%;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideLeft .newPrice {
  color: salmon;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideLeft .oldPrice {
  text-decoration: line-through;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideLeft .proDiscount {
  font-size: 100%;
  color: #4d5156;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideRight {
  display: flex;
  height: 30%;
  width: 30%;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 6% 2%;
  border: 1px solid #ffedf6;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideRight .proReviewStars {
  display: flex;
  width: 100%;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideRight .proReviewStars .starbox {
  margin: 0 1%;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideRight .proReviewStars .starbox img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideRight .proReviewCounts {
  width: 100%;
}
.productCard2ResponFree .proCardSub .proContent .cardAsideRight .proReviewCounts p {
  font-size: 50%;
  letter-spacing: 0.1em;
  color: rgb(130, 124, 124);
}
.productCard2ResponFree .proCardSub .proBtn {
  display: flex;
  height: 16%;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.productCard2ResponLimit {
  display: flex;
  height: 19.8em;
  width: 14%;
  align-items: center;
  font-family: Helvetica, sans-serif;
  justify-content: center;
  cursor: pointer;
  margin: 1% 0.8%;
  overflow: hidden;
  padding: 0.1%;
  /* Ruff  : temp */
  border: 1px solid pink;
  background-color: white;
}
.productCard2ResponLimit .proCardSub {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  font-size: 80%;
  /* background-color: pink; */
}
.productCard2ResponLimit .proCardSub .proImage {
  width: 100%;
  height: 54%;
}
.productCard2ResponLimit .proCardSub .proImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.4%;
  -o-object-position: 4% 40%;
     object-position: 4% 40%;
}
.productCard2ResponLimit .proCardSub .proContent {
  display: flex;
  height: 30%;
  flex-direction: row;
  padding: 6% 4%;
  /* Ruff : temp */
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideLeft {
  width: 70%;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideLeft p {
  margin: 2% 0;
  word-spacing: 120%;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideLeft .proTitle {
  font-size: 110%;
  margin-bottom: 10%;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideLeft .proRate {
  font-size: 90%;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideLeft .newPrice {
  color: salmon;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideLeft .oldPrice {
  text-decoration: line-through;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideLeft .proDiscount {
  font-size: 100%;
  color: #4d5156;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideRight {
  display: flex;
  height: 30%;
  width: 30%;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 6% 2%;
  border: 1px solid #ffedf6;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideRight .proReviewStars {
  display: flex;
  width: 100%;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideRight .proReviewStars .starbox {
  margin: 0 1%;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideRight .proReviewStars .starbox img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideRight .proReviewCounts {
  width: 100%;
}
.productCard2ResponLimit .proCardSub .proContent .cardAsideRight .proReviewCounts p {
  font-size: 50%;
  letter-spacing: 0.1em;
  color: rgb(130, 124, 124);
}
.productCard2ResponLimit .proCardSub .proBtn {
  display: flex;
  height: 16%;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* --------- F O R M    L A Y O U T (addon) --------*/
.formLayout1 input[type=text],
.formLayout1 select {
  width: 100%;
  font-size: 70%;
  text-align: left;
  border: 0.8px solid #5E5E5E;
  border-style: hidden hidden solid hidden;
  background-color: white;
}
.formLayout1 input:focus {
  background-color: #5E5E5E;
  color: white;
  outline: none;
  border: 1px solid pink;
}
.formLayout1 ::-moz-placeholder {
  color: #D5D5D5;
}
.formLayout1 :-ms-input-placeholder {
  color: #D5D5D5;
}
.formLayout1 ::placeholder {
  color: #D5D5D5;
}
.formLayout1 label {
  font-size: 60%;
  letter-spacing: 0.1em;
}
.formLayout1 .formBtn1 {
  font-size: 100%;
  letter-spacing: 0.02em;
  border: none;
  background-color: transparent;
}

.signCardWidthFixed {
  width: 214px;
}

.cardWidthFixed {
  width: 200px;
}

.productCardWidthFixed {
  width: 214px;
}

.productCardWidthFixed2 {
  width: 214px;
}

.cardHover:hover {
  transform: scale(1.02);
  transition: transform 0.4s linear;
  cursor: pointer;
}

.cardShadow {
  /* remove default border from parent */
  border: none;
  /* Border shadow */
  /* Light pink : ffc4e1, high pink : ffadd6 */
  box-shadow: 0 0 4px 1.8px #ffc4e1;
  border-radius: 0.8%;
}

.cardShadow2 {
  /* remove default border from parent */
  border: none;
  /* Border shadow */
  box-shadow: 0 0 4px 1.8px #c9fee4;
  border-radius: 0.8%;
}

.btnClick1 {
  display: flex;
  flex-direction: column;
}

.btnClick2 {
  height: 70%;
  width: 60%;
  color: white;
  font-size: 80%;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.12em;
  text-align: center;
  background-color: black;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.btnClick2:hover {
  font-family: "Open Sans", sans-serif;
  color: white;
  background-color: #55CCFF;
  background-color: #55CCFF;
  transition: 0.2s;
}

.btnBorder1 {
  height: 100%;
  width: 100%;
  color: #5E5E5E;
  letter-spacing: 0.12em;
  border-radius: 2%;
  border: none;
  cursor: pointer;
}

.btnBorder1:hover {
  color: white;
  background-color: #55CCFF;
  transition: 0.2s;
}

.btnBorder2 {
  height: 100%;
  width: 100%;
  color: white;
  letter-spacing: 0.2em;
  border: none;
  background-color: salmon;
  border-radius: 2%;
  cursor: pointer;
}

.btnBorder2:hover {
  color: white;
  background-color: #55CCFF;
  transition: 0.2s;
}

.btnImg img:hover {
  transform: scale(1.02);
  transition: transform 0.4s linear;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  cursor: pointer;
}

.btn1 {
  padding: 1% 2%;
  border-radius: 4px;
  cursor: pointer;
  color: black;
}

.btn1:hover {
  color: white;
  background-color: salmon;
  transition: 0.2s;
}/*# sourceMappingURL=card.css.map */