.kui-downbtn {
background-color: #82C1FF;
color: white;
border: none;
border-radius: 1.6rem; 
padding: 0.75rem 1.5rem;
margin-right: 0.25rem;
cursor: pointer;
font-size: 1rem;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
white-space: nowrap; width: auto; max-width: 100%; box-sizing: border-box;
line-height: 1.5;
} @media (max-width: 768px) {
.kui-downbtn {
padding: 0.6rem 1.2rem;
margin-bottom: 0.8rem;
font-size: 0.875rem;
}
} @media (max-width: 480px) {
.kui-downbtn {
padding: 0.5rem 1rem;
margin-bottom: 0.5rem;
gap: 0.3rem;
}
} .kui-downbtn:hover {
background-color: #337ecc;
transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
} .el-icon-download {
font-size: 1.2em; min-width: 1em; } .kui-downbtn:disabled {
background-color: #c0c4cc;
cursor: not-allowed;
opacity: 0.7;
} .kui-downbtn.loading .el-icon-download {
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}