

.deskimg {
  display: none;
}
.mobimg {
  display: inherit;
}
@media screen and (min-width: 750px) {
  .deskimg {
    display: inherit;
  }
  .mobimg {
    display: none;
  }
}
.card-container .balloon {
  height: 100%;
  padding: 3rem 2rem;
}
.card-image, .card-image img {
  border-radius: var(--border-radius-big);
  height: 100%;
  object-fit: cover;
}
.deskrev {
  flex-direction: row;
}
@media screen and (min-width: 750px) {
  .deskrev.odd {
    flex-direction: row-reverse;
  }
}
.alink {
  text-decoration: none;
  border: 1px solid;
  border-radius: var(--border-radius-regular);
  display: flex;
  flex-direction: row;
  width: fit-content;
  padding: 1rem 2rem;
}
.alink * {
  margin: auto;
  transition: all 0.5s ease;
}
.alink svg {
  margin: auto 1rem;
  transition: all 0.5s ease;
}
.deskrev .alink:hover *, .deskrev .alink:hover svg {
  color: white !important;
  fill: white !important;
}
.deskrev .alink {
  border-color: var(--color-base-4);
}
.deskrev.odd .alink {
  border-color: var(--color-base-3);
}
.deskrev .alink * {
  color: var(--color-base-4);
}
.deskrev.odd .alink * {
  color: var(--color-base-3);
}
.deskrev .alink svg * {
  fill: var(--color-base-4);
}
.deskrev.odd .alink svg * {
  fill: var(--color-base-3);
}
.deskrev.odd .alink {
  background-size: 200% 100%;
  background-image: linear-gradient(to right, white 50%, var(--color-base-3) 50%);
  transition: background-position 0.5s;
}
.deskrev.odd .alink:hover {
  background-position: -100% 0;
  border-color: white;
}
.deskrev .alink {
  background-size: 200% 100%;
  background-image: linear-gradient(to right, white 50%, var(--color-base-4) 50%);
  transition: background-position 0.5s;
}
.deskrev .alink:hover {
  background-position: -100% 0;
  border-color: white;
}
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-card] [150.3862] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 147 */
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-card] [150.3862] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 118 */

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-card] [150.3914] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 181 */