.secure-https-status-qw78 {
display: inline-flex;
align-items: center;
padding: 8px 16px;
border-radius: 6px;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
margin: 10px 0;
border: 2px solid transparent;
}
.secure-https-status-qw78.secure {
background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
color: #155724;
border-color: #c3e6cb;
}
.secure-https-status-qw78.insecure {
background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
color: #721c24;
border-color: #f5c6cb;
}
.https-status-indicator-mn90 {
display: flex;
align-items: center;
gap: 8px;
}
.https-status-content-ab67 {
margin-top: 8px;
font-size: 13px;
opacity: 0.9;
} @media (max-width: 768px) {
.secure-https-status-qw78 {
font-size: 13px;
padding: 6px 12px;
}
} .secure-https-status-qw78:focus {
outline: 2px solid #007cba;
outline-offset: 2px;
} .secure-https-status-qw78 {
animation: fadeIn 0.5s ease-in;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} @media (prefers-color-scheme: dark) {
.secure-https-status-qw78.secure {
background: linear-gradient(135deg, #0f5132 0%, #198754 100%);
color: #d1e7dd;
border-color: #198754;
}
.secure-https-status-qw78.insecure {
background: linear-gradient(135deg, #842029 0%, #dc3545 100%);
color: #f8d7da;
border-color: #dc3545;
}
}