.btns a{
    /* background-color: #5C3063; */
    color: white;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.3rem;
    padding: 20px 10px;
    margin: 5px;
    border-radius: 4px;
    display: block;
}

.btns a:hover{
    background-color: black !important;
    color: white;
    transition: 2s;
}

.btns i{
    color: #E7AD4B;
}

@media (min-width:440px) {
    .btns3{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .btns4{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .btns2{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}