.wp{
	font-display: auto;	
	line-height: 13px;
	color: white;
    width:350px;
    height:100px;
    position: fixed;
    left:15px;
    bottom:40px; 
	z-index:999999;
	text-shadow: 1px 1px 5px black;
		
} 
.wp img{

    width:80px;
    height:80px;
 transition: 0.5s;
} 	
.wp img:hover{

filter: drop-shadow(2px 2px 10px black);
}

.icon_wp{	
  width: 65px;
  height: 187px;
  background-image: url("../images/wp.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
	transition: 0.5s;
}
.icon_wp:hover{	
  width: 65px;
  height: 187px;
  background-image: url("../images/wp_hover.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
	filter: drop-shadow(2px 2px 10px black);
}

@media(max-width:992px){
	.wp{
	font-display: auto;	
	line-height: 13px;
	color: white;
    width:350px;
    height:100px;    
    left:12px;
    bottom:38px; 
	z-index:999999;
	text-shadow: 1px 1px 2px black;
	}
	
}
 .icon-container {
            display: flex;
            align-items: center;
        }

        .icon-container .icon {
            font-size: 24px;
            margin-right: 5px;
        }

        .icon-container .tooltip {
            visibility: hidden;
			height: 40px;
            width: 1200px;
            background-color: #FFFFFFeb;
            color: #000000;
            text-align: center;
			font-weight:bold; 
			border: 2px solid #9b9b9b;
            border-radius: 6px;
            padding: 5px;
            position: relative;
            z-index: 1;
            margin-left: 5px;
            opacity: 0;
            transition: opacity 1s;
        }

        .icon-container.show .tooltip {
            visibility: visible;
            opacity: 1;
			 transition: opacity 0.4s;
			
        }