.pointer__item {
    width: 0.75vw;
    height: 0.75vw;

    background-color: #C0C0C0;
    cursor: pointer;

    border-radius: 50%;
}

.pointer__item:not(:last-child) {
    margin-right: 0.75vw;
}

.pointer__item:hover:not(.pointer__item_active) {
    background-color: #909090;
}

.pointer__item_active {
    background-color: var(--color-gray);
}

@media screen and (max-width: 1000px) and (orientation: portrait) {
    .pointer__item {
        width: 1.5vw;
        height: 1.5vw;
    }   

    .pointer__item:not(:last-child) {
        margin-right: 1.5vw;
    }
}