/*** FONTS ***/
/*** COLORS ***/
/* Information */
/*** BREAKPOINTS ***/
/* G R I D */
/* Grid vives */
/*** ICONS ***/
.mixin-animate-basic {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.rp-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #333f48;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.rp-link.rp-link-white {
  color: #ffffff;
}
@media (hover: hover) {
  .rp-link.rp-link-white:hover {
    color: #ffcd00;
  }
}
.rp-link.rp-link-red,
.rp-link.rp-link-red .icon-rp {
  color: #d52b1e;
}
@media (hover: hover) {
  .rp-link.rp-link-red:hover,
  .rp-link.rp-link-red .icon-rp:hover {
    color: #a01a1c;
  }
}
.rp-link.rp-link-grey,
.rp-link.rp-link-grey .icon-rp {
  color: #c3c1c2;
}
@media (hover: hover) {
  .rp-link.rp-link-grey:hover,
  .rp-link.rp-link-grey .icon-rp:hover {
    color: #9d9a9d;
  }
}
.rp-link .icon-rp {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-size: 20px;
}
.rp-link .icon-rp::before {
  font-size: 20px;
}
.rp-link .icon-rp img {
  width: 100%;
  height: 100%;
}
.download-component {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding-bottom: 1.5rem;
}
.download-component__container {
  align-items: center;
  background-color: #333f48;
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  text-decoration: none;
  width: 48px;
}
.download-component__container span {
  color: #ffffff;
  font-size: 24px;
}