.wr-boton_whatsapp{
    background-color: #25d366;
    color: #ffffff !important;
}
.wr-boton_telefono{
    background-color: #36aad6;
    color: #ffffff !important;
}
.wr-boton_email{
    background-color: #d63636;
    color: #ffffff !important;
}

.wr-boton_smartsupp{
    background-color: #2898b1;
    color: #ffffff !important;
}

.wr-boton_otro{
    background-color: #ffffff;
    color: #000000 !important;
    border: 1px solid #000000;
}
.plussy-container {
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    margin: 0 0 10px 10px;
    z-index: 9999;
}
.plussy-btn {
   font-size: 36px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 50px;
    line-height: 50px;
    height: 50px;
    text-align: center;
}
.plussy-btn p, .plussy-content a {
    margin: 0;
    padding: 0;
}
.plussy-btn>i{
    font-size:28px;
}
.plussy-content {
    width: 50px;
    text-align: center;
    margin: 0 auto;
    display: none;
}
.plussy-content a {
    margin: 0 auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    width: 50px;
    font-size: 25px;
}
.plussy-container:hover .plussy-btn {
    -webkit-animation: lets_rotate 300ms;
    -moz-animation: lets_rotate 300ms;
    -o-animation: lets_rotate 300ms;
    animation: lets_rotate 300ms;
}
.plussy-container:hover .plussy-content {
    display: grid;
}
.plussy-container:hover .plussy-content a {
    -webkit-animation: fadein 300ms;
    -moz-animation: fadein 300ms;
    -o-animation: fadein 300ms;
    animation: fadein 300ms;
}
.wr-label{
    display: none;
}
@-webkit-keyframes lets_rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    } to {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
}
@-moz-keyframes lets_rotate {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    } to {
          -moz-transform: rotate(360deg);
          transform: rotate(360deg);
      }
}
@-o-keyframes lets_rotate {
    from {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    } to {
          -o-transform: rotate(360deg);
          transform: rotate(360deg);
      }
}
@keyframes lets_rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    } to {
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          transform: rotate(360deg);
      }
}
@-webkit-keyframes fadein {
    from { opacity: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    to   { opacity: 1; -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-moz-keyframes fadein {
    from { opacity: 0; -moz-transform: rotate(0deg); transform: rotate(0deg);}
    to   { opacity: 1; -moz-transform: rotate(360deg); transform: rotate(360deg);}
}
@-o-keyframes fadein {
    from { opacity: 0; -o-transform: rotate(0deg); transform: rotate(0deg);}
    to   { opacity: 1; -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes fadein {
    from { opacity: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    to   { opacity: 1; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@media screen and (max-width: 768px) {
    .plussy-container {
        display: block;
    }
}
