.cP_button_next_position {
    position: absolute;
    right: 5rem;
    top: calc(50vh - 1.5rem);
    height: 5rem;
    aspect-ratio: 1/1;
    pointer-events: auto;
    z-index:12;
    background-image: url('arrow_default.png');
    background-color: transparent;
}
    .cP_button_next_position:hover {
        background-image: url('arrow_hover.png');
    }

.cP_button_previous_position {
    position: absolute;
    left: 5rem;
    top: calc(50vh - 1.5rem);
    height: 5rem;
    aspect-ratio: 1/1;
    pointer-events: auto;
    z-index: 12;
    background-image: url('arrow_default.png');
    transform: rotate(180deg);
    background-color: transparent;
}
.cP_button_previous_position:hover {
    background-image: url('arrow_hover.png');
}

.cP_radio_button_frame {
    position: absolute;
    bottom: 1rem;
    left: 10vw;
    right: 10vw;
    height: 2vh;
    pointer-events: auto;
    z-index: 12;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cP_radio_button{

    transition: background-image 0.3s;
    background-color: transparent;
    aspect-ratio: 1/1;
    margin: 10px;
}

.cP_radio_button.default {
    background-image: url('dot_default.png');
}

.cP_radio_button.default:hover {
    background-image: url('dot_default_hover.png');
}

.cP_radio_button.choosen {
    background-image: url('dot_active.png');
}

.cP_radio_button.material-icons {
    color: white;
}