.modal__wrap{
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.modal__wrap > a{
    height: 70px;
    /* border: .5px solid #333; */
    background: #f8f8f8;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
    text-align: center;
    padding: 50px 80px;
    font-size: 1.3rem;
    font-weight: 700;
    color: inherit;
}

.modal__wrap > a:hover,
.modal__wrap > a:focus{
    background: #d7ffcb;
}