.quick-links {
    position: relative;
    z-index: 1;
}

.quick-links__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
}

.quick-links::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.72;
    background: linear-gradient(135deg,  #5f2167 0%,#64236e 14%,#6a2675 28%,#6f287d 43%,#742a84 57%,#7a2d8c 71%,#7f2f93 85%,#84329b 100%);
}

.quick-links__flex {
    text-align: center;
}

.quick-links h2 {
    color: #fff;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .quick-links__flex {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        gap: 16px 32px;
        justify-content: center;
    }

    .quick-links__flex .btn + .btn {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .quick-links__flex {
        display: flex;
        flex-direction: column;
        align-items: center;
        
        .btn {
            margin-bottom: 20px;
        }
    }
}