.footer{
    border-top: 1px solid rgba(65, 33, 16, 0.24);
    padding: 40px 0px;
    background-color: #f5f2e8;
}

.footer .footer-logo{
    width: 272.397px;
    height: 60px;
}

.footer .logo-div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.footer .logo-div h6{
    color: #412110;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-align: left;
}

.footer .footer-links{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer .footer-links h6{
    color: #412110;
    font-family: Raleway;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
}

.footer .footer-links a{
    color: #412110;
    font-family: Raleway;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.footer .copyright{
    color: var(--lavonne-base, #412110);
    text-align: center;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    opacity: 0.75;
    border-top: 1px solid rgba(65, 33, 16, 0.16);

    margin-top: 60px;
    padding-top: 24px;
}

@media (max-width: 992px) { 
    .footer{
        padding: 60px 24px 24px 24px;
    }

    .footer .footer-logo {
        width: 273.076px;
        height: 81.451px;
    }

    .footer .footer-links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        flex: 1 0 0;

        margin-top: 48px;
    }

    .footer .copyright {
        margin-top: 48px;
    }
}

@media (max-width: 576px) {
    .footer .footer-logo {
        width: 220px;
        height: 48px;
    }

    .footer .logo-div a{
        margin: auto;
    }

    .footer .logo-div div {
        display: flex;
        flex-direction: column;
        gap: 12px;

        margin: auto;
    }

    .footer .logo-div h6{
        text-align: center;
    }

    .footer .logo-div div .order-cake-btn{
        color: var(--lavonne-surface, #F5F2E8);
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;

        padding: 16px 24px;

        border-radius: 400px;
        border: 1px solid rgba(65, 33, 16, 0.24);
        background: var(--lavonne-base, #412110);

        width: 172px;
        text-align: center;
    }
    .footer .logo-div div .order-cafe-btn{
        border-radius: 400px;
        border: 1px solid rgba(65, 33, 16, 0.24) !important;

        padding: 16px 24px;

        color: var(--lavonne-base, #412110);
        font-family: Raleway;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;

        width: 172px;
        text-align: center;
    }

    .footer .footer-links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        flex: 1 0 0;
        margin-top: 48px;

    }

    .footer .footer-links h6{
        line-height: 28px;
    }
    
    .footer .footer-links h6, .footer .footer-links a  {
        margin: auto;
    }
}