.vpn {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    height: fit-content;
}

.vpn__title {
    color: #fff;
    text-transform: uppercase;
}

.vpn__img {
    aspect-ratio: 1;
}

@media (orientation: portrait) and (min-width: 0px) {
    .vpn {
        gap: clamp(4px, min(2.5vw, 1.5svh), 10px);
        left: 50%;
        transform: translateX(-50%);
        bottom: clamp(4px, min(2vw, 1svh), 10px);
    }

    .vpn__img {
        width: clamp(10px, min(10vw, 6svh), 40px);
    }

    .vpn__title {
        font-size: clamp(8px, min(3.6vw, 2svh), 16px);
    }
}

@media (orientation: portrait) and (min-width: 768px) and (min-height: 800px) {
    .vpn {
        bottom: clamp(4px, min(3vw, 2svh), 20px);
    }

    .vpn__img {
        width: clamp(10px, min(12vw, 7svh), 60px);
    }

    .vpn__title {
        font-size: clamp(8px, min(4.2vw, 2.4svh), 22px);
    }
}

@media (orientation: landscape) and (min-width: 0px) {
    .vpn {
        gap: clamp(4px, min(.46vw, .9svh), 12px);
        right: clamp(4px, min(.85vw, 1.65svh), 22px);
        bottom: clamp(4px, min(1.64vw, 3.2svh), 42px);
    }

    .vpn__title {
        font-size: clamp(4px, min(1.14vw, 2.2svh), 29px);
    }

    .vpn__img {
        width: clamp(10px, min(3.1vw, 6svh), 80px);
    }
}