.btn {
    padding: 10px;
    border-radius: 10px;
    transition: transform 0.2s;
}
.btn:hover {
    transform: scale(1.01);
}
.btn a {
    text-decoration: none;
}
.btn-secondary {
    background-color: var(--secondary-bg-color);
    color: black;
}
.btn-secondary a {
    color: black;
}

.btn-info {
    background-color: var(--info-color);
    color: white;
}
.btn-info a {
    color: white;
}

.btn-purple {
    background-color: var(--purple-color);
    color: white;
}
.btn-purple a {
    color: white;
}

.btn-purple a {
    color: white;
}
.btn-purple-light {
    background-color: var(--purple-light-color);
    color: var(--purple-color);
}

.btn-purple-light a {
    color: var(--purple-color);
}