.navbar .logo::after {
    content: "";
    position: absolute;
    left: -5px;
    top: 0;
    width: 110%;
    height: 100%;
    background-color: var(--primary-black-color);
    z-index: -10;
    transform: scaleX(0);
    transform-origin: left;
    transition: var(--transition);
}
  
.navbar .logo:hover {
    color: var(--primary-color);
}
  
.navbar .logo:hover::after {
    transform: scaleX(1);
}


.review-card:hover{
    transform: translateY(-10px);
    box-shadow: inset -5px 10px 10px rgba(0, 0, 0, 0.4);
}

/* -------------------- */

.link::before{
    content : "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 20px;
    background-color: var(--primary-black-color);
    transform: scaleX(0);
    transform-origin: left;
    transition: var(--transition);
}

.link:hover::before{
    transform: scaleX(1);
}

/* -------------------- */

.black-btn:hover{
    background-color: #81b29a;
    color: var(--primary-black-color);
    box-shadow: 2px 14px 25px #bbdecd88;
    transform: translateY(-10px);
}


/* -------------------- */

.section.faq-section .wrapper .details:hover{
    background-color: #81b29a;
    box-shadow: 2px 14px 25px #bbdecd88;
    transform: translateY(-5px);
}

.section.faq-section .wrapper .details:hover .summary{
    color: #0a0a0b;
}

/* -------------------- */

.contact-form input:hover, textarea:hover{
    box-shadow: 2px 14px 15px rgba(187, 222, 205, 0.79);
    transform: translateY(-5px);
}
.contact-form .send-btn:hover{
    background-color: #81b29a;
    color: var(--primary-black-color);
    box-shadow: 2px 14px 25px #bbdecd88;
    transform: translateY(-5px);
    padding: 10px 50px;
}

/* ----------------------- */

.footer-content .social-media a:hover{
    background-color: #81b29a;
    box-shadow: 2px 14px 25px #bbdecd88;
    transform: translateY(-5px);
}

.footer .copyright .designer::after{
    content: "";
    position: absolute;
    left: -3px;
    top: 0;
    width: 105%;
    height: 100%;
    background-color: #6c63ff;
    transform-origin: left;
    z-index: -10;
    transform: scaleX(0);
    transition: var(--transition);
}

.footer .copyright .designer:hover{
    color: var(--primary-color);
}

.footer .copyright .designer:hover::after{
    transform: scaleX(1);
}


/* -------------------- */

.dropdown .select:hover{
    transform: translateY(-5px);
    box-shadow: 2px 14px 45px #bbdecdde;
}

.menu li:hover{
    background-color: #ffffffab;
}

.send-button:hover{
    background-color: #81b29a;
    color: var(--primary-black-color);
    box-shadow: 2px 14px 25px #bbdecd88;
    transform: translateY(-2px);
    padding: 10px 60px;
}

.create-panel .reboot-btn:hover{
    padding: 10px 40px;
}

/* -------------------- */

.panel-btn:hover{
    transform: translateY(-2px);
    width: 90%;
    background-color: #81b29a;
    color: var(--primary-black-color);
    box-shadow: 2px 14px 25px #bbdecd88;
}



.destination-buyBtn:hover{
    background-color: #191a1d;
    box-shadow: 2px 14px 25px #00000079;
    transform: translateY(-3px);
}

.little-panel-times input:hover{
    transform: translateY(-2px);
    box-shadow: 2px 14px 20px #bbdecdb7;
    border: 2px solid #9bbbac;
}

.payment-box .pay-button:hover{
    transform: translateY(-3px);
    box-shadow: 8px 7px #81b29a;
}

.black-btn.green-btn:hover{
    background-color: #6c63ff;
    color: var(--primary-color);
    box-shadow: 2px 14px 25px #6b63ff96;
    transform: translateY(-10px);
    border: none;
}

.info-viaje .action-ops:hover{
    background-color: #81b29a;
    transform: translateY(-3px);
}