.container{
    position: relative;
    width: 900px;
    margin: auto;
    border: solid 1px #ff973c;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

article{
    position: relative;
    display: flex;
    flex-direction: column;    
}

article a{
    position: relative;
    border: solid 1px #ff7c7c;

    padding: 20px 40px;
    color: #000000;
    border-radius: 10px;
    margin: 20px auto;
    text-decoration: none;
     transition: background-color 0.5s ease, color 0.5s ease;

}

article a:hover{
    color: rgb(129, 9, 137);
    border-color: rgb(246, 99, 224);
    background-color: aquamarine;
}




























/*
.container{
    position: relative;
    width: 900px;
    margin: auto;
    border: solid 1px #c0c0c0;
}

article{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

article a{
    position: relative;
    padding: 20px 40px;
    text-decoration: none;
    color: #c0c0c0;
    margin: 10px auto;   
    border: solid 1px #c0c0c0;
    border-radius: 10px;
}

article a:hover{
    color: red;
    border-color: red;
}*/