.download-button {
background-color: #FFFFFF;
border: 2px solid #61B55D;
color: #61B55D;
padding: 10px 20px;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(97, 181, 93, 0.2);
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 16px;
}
.download-button:hover {
background-color: #FFFFFF;
color: #61B55D;
border-color: #61B55D;
box-shadow: 0 4px 12px rgba(97, 181, 93, 0.4);
transform: translateY(-2px);
}
.download-button:active {
background-color: #FFFFFF;
color: #61B55D;
border-color: #61B55D;
transform: translateY(0);
box-shadow: 0 2px 4px rgba(97, 181, 93, 0.3);
}
.download-button:focus {
outline: none;
background-color: #FFFFFF;
color: #61B55D;
border-color: #61B55D;
box-shadow: 0 0 0 3px rgba(97, 181, 93, 0.2);
}
.download-button i {
margin-right: 8px;
font-size: 18px;
color: #61B55D;
} @media (max-width: 768px) {
.download-button {
padding: 8px 16px;
font-size: 14px;
}
.download-button i {
font-size: 16px;
}
}