.tarifa-card.active{
  transition: transform ease .6s, background ease .3s, color ease .3s;
}
.tarifa-card h2{
  background-color:var(--main-grey-lite);
}
.tarifa-card:hover{
  cursor: pointer;
  transform:scale(1.03);
}
.tarifa-card:hover .price{
  color:var(--main-red);
}
.tarifa-card:hover h2{
  background-color:var(--main-red);
    color:var(--main-white);
}  
.tarifa-card span{
  color:var(--main-red);
}
.best-price {
    position: absolute;
    top: -25px;
    right: 3%;
    background-color: var(--main-red);
    z-index: -100;
    width: 80px;
    height: 80px;
    display: flex;
    border-radius: 50px;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index:20;
}
.best-price p{
   color:var(--main-white);
  font-size:0.9rem;
  padding:1rem;
  margin:0;
  font-weight:bold;
  text-align: center;
}
.best-price-detail{
  position: absolute;
  top: -20px;
  right: 0;
  background-color:var(--main-red);
  width:20px;
  height:20px;
  border-radius: 50px;
  animation: tarifa-detail 6s infinite;
}
@keyframes tarifa-detail {
  0% {top:-20px;}
  50% {top:-10px;}
  100% {top:-20px;}
}