.vpn-upgrade-row {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
color:#aebfc4;
font-weight:600;
font-size: 15px;
}
.vpn-download-row {
display: flex;
flex-direction: column;
gap: 14px;
align-items: flex-start;
}
.vpnd-country-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.vpnd-download-item {
display: flex;
align-items: center;
gap: 10px;
}
.vpnd-download-item .button {
align-items: center;
gap: 6px;
border-radius: 8px!important;
border: 1px solid rgba(163, 165, 254, 0.4)!important;
background: rgba(163, 165, 254, 0.1)!important;
color: #A3A5FE!important;
font-size:14px!important;
font-weight:500!important;
} .vpn-download-slot-1 .button { color: #FFFA9E!important; background: rgba(255, 250, 158, 0.08)!important; border-color: rgba(255, 250, 158, 0.4)!important; }
.vpn-download-slot-2 .button { color: #FFB455!important; background: rgba(255, 180, 85, 0.08)!important; border-color: rgba(255, 180, 85, 0.4)!important; }
.vpn-download-slot-3 .button { color: #FF8365!important; background: rgba(255, 131, 101, 0.08)!important; border-color: rgba(255, 131, 101, 0.4)!important; }
.vpnd-download-item a.button:active {
transform: translateY(0);
}
.vpn-button-disabled {
opacity: 0.8;
pointer-events: none;
border-color: currentColor;
padding:8px 12px;
background: transparent;
color: inherit;
}
.vpnd-country-flag {
width: 34px;
object-fit: cover;
border-radius: 4px!important;
border: 1px solid #CDDFE4!important;
flex: 0 0 auto;
}
.vpnd-vps-status-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.vpnd-vps-status-item {
display: flex;
align-items: center;
gap: 8px;
color:#CDDFE4;
font-weight:600;
}
.vpnd-status-dot {
width: 10px;
height: 10px;
min-width: 12px;
min-height: 12px;
display: inline-block;
border-radius: 50%;
flex: 0 0 auto;
margin-left:8px;
}
.vpnd-status-dot--ok {
background: #9AE5A4;}
.vpnd-status-dot--down {
background: #FF6A6A;}
.vpnd-upgrade-btn {
border-radius: 8px!important;
border: 1px solid currentColor!important;
font-size: 14px!important;
padding: 8px 16px!important;
text-decoration: none!important;
font-weight: 600!important;
transition: opacity 0.15s ease!important;
background: transparent!important;
}
.vpnd-upgrade-btn:hover {
opacity: 0.8!important;
}
.vpn-upgrade-slot-2 .vpnd-upgrade-btn {
color: #FFB455!important;
background: rgba(255, 180, 85, 0.1)!important;
border-color: rgba(255, 180, 85, 0.4)!important;
}
.vpn-upgrade-slot-3 .vpnd-upgrade-btn {
color: #FF8365!important;
background: rgba(255, 131, 101, 0.1)!important;
border-color: rgba(255, 131, 101, 0.4)!important;
}