.centera{
    margin-top: 2rem;
    display: flex;
    position: absolute;
    border-radius: 30px;
    left:50%;
    transform: translateX(-50%);
    text-decoration: none;
    backdrop-filter: blur(8px);
    transition: 0.3s all;
}

.abutton{
    display: flex;
    padding:1.5rem 10rem;
    font-size: 1.2rem;
    border-radius: 30px;
    background: rgba(34, 49, 34, 0.5);
    border: solid 1px black;
    text-transform: capitalize;
    transition: 0.3s all;
    color: #4ade80;
    float:none;
    margin:auto;
}

.centera:hover .abutton{
    font-size:1.5rem;
    border: solid 3px #4ade80;
    background: rgba(34, 49, 34, 0.5);
}

.centera:hover{
    background: rgba(34, 49, 34, 0.85);
    transform: translateX(-50%) translateY(-10px);
}