footer.alignfull.wp-block-template-part {
    .wp-block-columns {
        @media screen and (max-width: 959px) {
            flex-wrap: wrap !important;
        }

        .wp-block-column {
            @media screen and (max-width: 959px) {
                &[style*="flex-basis:22%"] {
                    width: 100% !important;
                    flex: 0 1 100% !important;
                }
            }

            .wp-block-buttons {
                .wp-block-button__link {
                    padding-left: 15px;
                    padding-right: 15px;

                    &:hover {
                        background-color: var(--wp--preset--color--secondary) !important;
                        border-color: var(--wp--preset--color--secondary) !important;
                    }
                }
            }
        }
    }

    .wp-block-navigation {
        .wp-block-navigation-item__content {
            padding: 5px 0;
            position: relative;

            &:before {
                content: "";
                width: 100%;
                height: 1px;
                background-color: currentColor;
                transition: all 0.5s;
                position: absolute;
                bottom: 0px;
                left: -30px;
                opacity: 0;
                transition: all 0.5s;
            }

            &:hover {
                &:before {
                    left: 0;
                    opacity: 1;
                }
            }

            @media screen and (max-width: 959px) {
                font-size: 14px;
            }
        }
    }
}