Download ProtonVPN Mod Apk - DOWNLOAD
Mod Proton VPN PRO Apk
•
50MB
DOWNLOAD NOW
Apps install Problem Fix Tutorial
/* =========================================
ISOLATED DOWNLOAD BUTTON
========================================= */
.adx-dl-wrap {
width: 100%;
display: block;
position: relative;
padding-top: 34px;
box-sizing: border-box;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: transparent;
}
.adx-top-arrow {
position: absolute;
top: 0;
left: 50%;
width: 34px;
height: 34px;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
color: #7C3AED;
z-index: 2;
animation: adx_arrow 1.35s ease-in-out infinite;
pointer-events: none;
}
.adx-top-arrow svg {
width: 32px;
height: 32px;
}
.adx-dl-button {
width: calc(100% - 96px);
min-height: 150px;
margin: 0 48px;
box-sizing: border-box;
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 18px;
background: linear-gradient(
115deg,
#24103F 0%,
#42136F 38%,
#7024C8 70%,
#A855F7 100%
);
color: #FFFFFF;
border: 1px solid rgba(255,255,255,.25);
box-shadow:
0 10px 24px rgba(35,8,65,.35),
0 0 20px rgba(142,55,255,.20),
inset 0 1px 0 rgba(255,255,255,.20);
font-family: Arial, Helvetica, sans-serif;
animation: adx_shake 5s ease-in-out infinite;
}
.adx-dl-button::before {
content: "";
position: absolute;
top: 0;
left: -120%;
width: 50%;
height: 100%;
background: linear-gradient(
110deg,
transparent,
rgba(255,255,255,.14),
transparent
);
transform: skewX(-20deg);
animation: adx_shine 5s ease-in-out infinite;
pointer-events: none;
}
.adx-dl-content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
}
.adx-dl-meta {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,.80);
}
.adx-dl-title {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
font-size: 30px;
font-weight: 900;
letter-spacing: 1px;
line-height: 1;
color: #FFFFFF;
text-shadow:
0 2px 5px rgba(0,0,0,.35);
}
.adx-dl-icon {
width: 42px;
height: 42px;
flex-shrink: 0;
color: #FFFFFF;
animation: adx_download 1.5s ease-in-out infinite;
}
/* =========================================
SECOND BUTTON
========================================= */
.adx-fix-button {
width: fit-content;
max-width: calc(100% - 32px);
min-height: 40px;
margin: 13px auto 0;
padding: 0 10px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
position: relative;
border-radius: 9px;
color: #FFFFFF;
background: linear-gradient(
115deg,
#43080E 0%,
#8E1722 50%,
#D52B3A 100%
);
border: 1px solid rgba(255,255,255,.20);
box-shadow:
0 5px 14px rgba(105,8,18,.25);
font-family: Arial, Helvetica, sans-serif;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: transparent;
opacity: 0;
transform: translateY(22px);
animation:
adx_fix_show .65s ease-out 3s forwards;
}
.adx-fix-video {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.adx-fix-video svg {
width: 18px;
height: 18px;
}
.adx-fix-text {
font-size: 11px;
font-weight: 800;
line-height: 1;
white-space: nowrap;
}
.adx-fix-arrow {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
animation:
adx_left_arrow 1.3s ease-in-out infinite;
}
.adx-fix-arrow svg {
width: 18px;
height: 18px;
}
/* =========================================
ANIMATIONS
========================================= */
@keyframes adx_arrow {
0% {
transform: translateX(-50%) translateY(-5px);
opacity: .35;
}
35% {
opacity: 1;
}
65% {
transform: translateX(-50%) translateY(6px);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(10px);
opacity: 0;
}
}
@keyframes adx_download {
0%,100% {
transform: translateY(0);
}
45% {
transform: translateY(5px);
}
60% {
transform: translateY(1px);
}
}
@keyframes adx_shake {
0%,84%,100% {
transform: translateX(0);
}
86% {
transform: translateX(-3px);
}
88% {
transform: translateX(3px);
}
90% {
transform: translateX(-2px);
}
92% {
transform: translateX(2px);
}
94% {
transform: translateX(0);
}
}
@keyframes adx_shine {
0%,55% {
left: -120%;
}
75%,100% {
left: 150%;
}
}
@keyframes adx_fix_show {
0% {
opacity: 0;
transform: translateY(22px);
}
70% {
opacity: 1;
transform: translateY(-2px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes adx_left_arrow {
0%,100% {
transform: translateX(0);
opacity: .7;
}
50% {
transform: translateX(-4px);
opacity: 1;
}
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 600px) {
.adx-dl-wrap {
padding-top: 31px;
}
.adx-top-arrow {
width: 30px;
height: 30px;
}
.adx-top-arrow svg {
width: 29px;
height: 29px;
}
.adx-dl-button {
width: calc(100% - 32px);
margin: 0 16px;
min-height: 130px;
border-radius: 16px;
}
.adx-dl-title {
font-size: 23px;
gap: 12px;
}
.adx-dl-icon {
width: 36px;
height: 36px;
}
.adx-dl-meta {
font-size: 11.5px;
}
.adx-fix-button {
min-height: 37px;
margin-top: 11px;
padding: 0 9px;
gap: 6px;
}
.adx-fix-video,
.adx-fix-video svg {
width: 17px;
height: 17px;
}
.adx-fix-text {
font-size: 10px;
}
.adx-fix-arrow,
.adx-fix-arrow svg {
width: 17px;
height: 17px;
}
}
/* =========================================
SMALL PHONE
========================================= */
@media (max-width: 380px) {
.adx-dl-wrap {
padding-top: 29px;
}
.adx-dl-button {
min-height: 120px;
}
.adx-dl-title {
font-size: 20px;
gap: 9px;
}
.adx-dl-icon {
width: 32px;
height: 32px;
}
.adx-dl-meta {
font-size: 10.5px;
}
.adx-fix-button {
min-height: 35px;
}
.adx-fix-text {
font-size: 9.3px;
}
}
/* =========================================
HIDE TEXT SELECTION / LINK-LIKE BEHAVIOR
========================================= */
.adx-dl-wrap,
.adx-fix-button {
-webkit-touch-callout: none;
-webkit-user-drag: none;
}
/* =========================================
FOCUS
========================================= */
.adx-dl-wrap:focus,
.adx-fix-button:focus {
outline: none;
}
(function () {
"use strict";
function adxOpen(button) {
var url = button.getAttribute("data-url");
if (!url) return;
window.location.href = url;
}
document.addEventListener("click", function (event) {
var button = event.target.closest(
".adx-dl-wrap, .adx-fix-button"
);
if (!button) return;
event.preventDefault();
adxOpen(button);
});
document.addEventListener("keydown", function (event) {
if (
event.key !== "Enter" &&
event.key !== " "
) {
return;
}
var button = event.target.closest(
".adx-dl-wrap, .adx-fix-button"
);
if (!button) return;
event.preventDefault();
adxOpen(button);
});
})();
SHA-1: 7920b48069b5ae107cc4770ef58656883a278752
3