.pdmcf, .pdmcf2, 

.pdmcf3, .pdmcf4 {

    position: fixed;

    bottom: 300px;

    right: 15px;

    background: rgba(58, 60, 46, 0.095);

    color: white;

    padding: 6px;

    border-radius: 5%;

    cursor: pointer;

    transition: transform 0.2s ease-in-out, background 0.3s;

    z-index: 9999; 

}

.pdmcf2 {

    bottom: 250px;

}

.pdmcf3 {

    bottom: 200px;

}

.pdmcf4 {

    bottom: 150px;

}

.pdmcf:hover , .pdmcf2:hover , 

.pdmcf3:hover , .pdmcf4:hover {

    transform: scale(1.1);

    background: rgba(7, 102, 245, 0.295);

    color: red;

}