.part1{
    position: fixed;
    right: -38px;
    bottom: 140px;
    transform: rotate(270deg);
    background-color: #e11d33;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border: 2px solid #e11d33;
    transition-duration: 300ms;
    z-index: 9999;
    font-family: inherit;
}
.part1 a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    gap: 5px;
    padding: 5px 10px
}
.part1:hover{
    background-color: #ffffff;
}
.part1 a:hover{
    color: #e11d33;
}

.part2{
    position: fixed;
    right: -60px;
    bottom: 274px;
    transform: rotate(270deg);
    background-color: #e11d33;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border: 2px solid #e11d33;
    transition-duration: 300ms;
    z-index: 9999;
    font-family: inherit;
}
.part2 a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    gap: 5px;
    padding: 5px 10px
}
.part2:hover{
    background-color: #ffffff;
}
.part2 a:hover{
    color: #e11d33;
}

.part3{
    position: fixed;
    right: -62px;
    bottom: 432px;
    transform: rotate(270deg);
    background-color: #e11d33;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border: 2px solid #e11d33;
    transition-duration: 300ms;
    z-index: 9999;
    font-family: inherit;
}
.part3 a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    gap: 5px;
    padding: 5px 10px
}
.part3:hover{
    background-color: #ffffff;
}
.part3 a:hover{
    color: #e11d33;
}


.part4{
    position: fixed;
    right: -38px;
    bottom: 140px;
    transform: rotate(270deg);
    background-color: #e11d33;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border: 2px solid #e11d33;
    transition-duration: 300ms;
    z-index: 9999;
    font-family: inherit;
    display: none;
}
.part4 a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    gap: 5px;
    padding: 5px 10px
}
.part4:hover{
    background-color: #ffffff;
}
.part4 a:hover{
    color: #e11d33;
}
@media (max-width: 580px) {
    .part1 {
        right: -44px;
        bottom: 80px;
        display: none;
    }
    .part2 {
        right: -60px;
        bottom: 214px;
    }
    .part3 {
        right: -69px;
        bottom: 372px;
        display: none;
    }
    .part4 {
        right: -40px;
        bottom: 80px;
        display: block;
    }
}