:root {
  --grigio-scuro: #5f5f5f;
  --grigio-chiaro: #9c9c9c;
  --blu-scuro: #007A9C;
  --blu-chiaro: #09d98b;
  --rosa-scuro: #CE509D;
  --rosa-chiaro: #EC89B7;
}
/* */
@-webkit-keyframes pufff {
    from {opacity: 1;}
    to {opacity: 0;}
}
@keyframes pufff {
    from {opacity: 1;}
    to {opacity: 0;}
}
@-webkit-keyframes fruuu {
    from { transform: rotateY(0deg) }
    to { transform: rotateY(360deg) }
}
@keyframes  fruuu{
    from { transform: rotateY(0deg) }
    to { transform: rotateY(360deg) }
}
/* */
.to_wishlist {
    position: relative;
}
.to_wishlist .to_wishlist--action {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    display: flex;
}
.to_wishlist .to_wishlist--icon {
    position: relative;
    z-index: 4;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding-top: 4px;

    background-color: var(--rosa-scuro);
    font-size: 35px;

    opacity: 0;
}
.to_wishlist .status-on { display: none;}
.to_wishlist .status-off { display: inline-block;}
.to_wishlist .to_wishlist--icon * { color: #fff; }
.to_wishlist .to_wishlist--effect { opacity: 0; position: absolute; transition: 0.8s;}

/* hover */
.to_wishlist:hover .to_wishlist--icon {
    opacity: 1;
}
.to_wishlist .to_wishlist--icon:hover .to_wishlist--effect {
    transform: scale(2.5) ;
    -webkit-animation: pufff 0.6s ease forwards;
    animation: pufff 0.6s ease forwards;
}

/* is-wished */
.to_wishlist.is-wished .status-on { display: inline-block; }
.to_wishlist.is-wished .status-off { display: none; }

/* is-working */
.to_wishlist.is-working .to_wishlist--status {
    -webkit-animation: fruuu 2s ease infinite;
    animation: fruuu 2s ease infinite;
}

.item__azienda .item__azienda-name {
    display: block; height: 3rem; overflow: hidden;
}

/* <div data-behavior="full-text-on-mouse-over"><span>...</span></div> */
[data-behavior="full-text-on-mouse-over"] { width: 240px; position: relative; height: 2rem; top: -3px; }
[data-behavior="full-text-on-mouse-over"] span { width: 240px; position: absolute; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 5px; }
[data-behavior="full-text-on-mouse-over"]:hover span { overflow: visible; background: #f4f4f4; z-index: 2; width: auto; padding-right: 20px; cursor: default; } /*transition: 0.25s; */