.streamers-list{display:flex;gap:50px;flex-wrap:wrap;padding:50px 0 100px}.streamers-list .streamer{width:160px;min-width:160px;cursor:pointer;display:flex;flex-direction:column;height:160px;border-radius:15px;opacity:1;padding:10px;position:relative;justify-content:space-between;transition:all .5s ease-in-out;background-size:contain}@media(min-width:768px){.streamers-list .streamer{width:200px;min-width:200px;height:200px}}@media(min-width:992px){.streamers-list .streamer{width:240px;min-width:240px;height:240px;padding:10px 20px 20px}}@media(min-width:1200px){.streamers-list .streamer{width:340px;min-width:340px;height:340px;padding:10px 20px 40px}}.streamers-list .streamer:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;opacity:0;background:linear-gradient(180deg,transparent -21.18%,#c09815);border-radius:15px}.streamers-list .streamer .social-media{visibility:hidden;display:flex;justify-content:space-between;align-self:flex-end;height:40px;width:auto;border-radius:100px;background-color:#e6bc31;opacity:0;z-index:9999;transition:opacity,background-color,.5s ease-in-out}.streamers-list .streamer .social-media ul{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 .8rem;gap:8px}.streamers-list .streamer .social-media ul li{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.streamers-list .streamer .social-media ul li a i{color:#fff;font-size:20px;transition:color .5s ease-in-out}.streamers-list .streamer .social-media ul li:hover{background-color:#000}.streamers-list .streamer .social-media ul li:hover a i{color:#fff}.streamers-list .streamer:hover .social-media{visibility:visible;opacity:1}.streamers-list .streamer:hover:after{opacity:.7}.streamers-list .streamer .info{z-index:9}.streamers-list .streamer .info h2,.streamers-list .streamer .info h3{color:#e6bc31;font-size:20px;font-style:normal;font-weight:900}.streamers-list .streamer .info h3{font-size:12px;font-weight:400;color:#fff}@media(min-width:768px){.streamers-list .streamer .info h2{font-size:22px}}@media(min-width:992px){.streamers-list .streamer .info h2{font-size:25px}.streamers-list .streamer .info h3{font-size:15px}.streamers-list .streamer .info h2,.streamers-list .streamer .info h3{line-height:36px}}@media(min-width:1200px){.streamers-list .streamer .info h2{font-size:35px}.streamers-list .streamer .info h3{font-size:20px}}.streamers-list .streamer:hover .info h2{color:#fff}