.card-callme.item-card-callme {
    width: auto;
}

/* .card-ringpool.item-card-ringpool .drp-phone::before {
    content: "";
    color: var(--color--white);
    font-family: 'VodafoneRegular', arial, sans-serif;
} */

.card-ringpool.item-card-ringpool {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: auto;
    font-size: 18px;
    border-radius: 6px;
    border: none;
    padding: 10px;
}

/* CARD BANNER ; fondo rojo */

/* botón con ring pool fondo blanco */

.banner-card .card-ringpool.item-card-ringpool {
    background-color: var(--color--white);
}

/* color del número ring pool gris-negro*/

.banner-card .card-ringpool.item-card-ringpool>a {
    color: var(--color--dark-grey);
}

/* icono teléfono con el ring pool en gris-negro*/
.banner-card .card-ringpool.item-card-ringpool>span>svg>g>path:nth-of-type(2) {
    stroke: #333;

}

/* CARDS CARRUSEL: fondo blanco */


/* botón del ring pool fondo rojo*/

.card-ringpool.item-card-ringpool {
    background-color: var(--color--red);
}

/* color del número ring pool blancoo*/

.card-ringpool.item-card-ringpool>a {
    color: var(--color--white);
}

/* icono teléfono con el ring pool en gris-blanco*/

.card-ringpool.item-card-ringpool>span>svg>g>path:nth-of-type(2) {
    stroke: #fff;

}


.banner-card .card-ringpool.item-card-ringpool {
    margin-top: 20px;
    margin-bottom: 12px;
}


.card-ringpool.item-card-ringpool>span {
    display: flex;
}

#carousel-ws10 .headerBottom {
    justify-content: space-between;
}

/* Cajas con cabecera gris en desktop - card de los banner*/
.header-rate.bg-ligth--degree .card-callme.item-card-callme>input {
    background-color: var(--color--red);
    color: var(--color--white);
}

/* Cards del carrusel que son grises en mobile y rojas en desktop */
.header-rate.bg-ligth--mobile .card-callme.item-card-callme>input {
    background-color: var(--color--red);
    color: var(--color--white);
}

.banner-card .card-callme.item-card-callme {
    margin-top: 20px;
    margin-bottom: 20px;
}


.menu-call-ring.ringPool--button {
    border-radius: 6px;
    border: 1px solid #008a00;
    padding: 10px;
    white-space: nowrap;
}

.menu-call-ring.ringPool--button a#ctaRingPoolMobile.menu-call-ring__number {
    color: var(--color--white);
}

@media screen and (min-width:375px) {

    #promoBox--link.promoBox--test-link {
        margin-left: 20px;
    }
}

@media screen and (min-width:412px) {


    #promoBox--link.promoBox--test-link {
        margin-left: 40px;
    }
}

@media screen and (min-width:768px) {
    #form-banner {
        margin-top: 20px !important;
    }

    .banner-card .card-ringpool.item-card-ringpool {
        background-color: var(--color--red);
        color: var(--color--white);
    }

    .banner-card .card-ringpool.item-card-ringpool>a {
        color: var(--color--white);
    }

    .banner-card .card-ringpool.item-card-ringpool>span>svg>g>path:nth-of-type(2) {
        stroke: #fff;

    }

    #promoBox--link.promoBox--test-link {
        margin-left: 0;
    }
}

@media screen and (min-width:1280px) {
    .header-rate.bg-ligth--mobile .card-callme.item-card-callme>input {
        background-color: var(--color--white);
        color: var(--color--dark-grey);
    }

    .card-callme.item-card-callme {
        width: 100%;
    }

    .card-callme.item-card-callme {
        width: auto;
    }
}