.site-footer {margin-top: 64px;background: var(--bwo-color-navy);}
.site-footer__top {display: flex;align-items: center;justify-content: space-between;padding-top: 48px;padding-bottom: 56px;}
.site-footer__intro {display: grid;justify-items: center;width: 100%;}
.site-footer__logo {margin-bottom: 18px;}
.site-footer__tagline {max-width: 430px;margin: 0;color: #ffffff;font-size: 16px;font-weight: 700;letter-spacing: 1.27px;line-height: 36px;text-align: center;}
.site-footer__social {display: inline-flex;align-items: center;gap: 16px;margin-top: 26px;}
.site-footer__social a:hover{transform: translateY(-3px);}
.site-footer__top-button {display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 56px;height: 56px;border-radius: 50%;background: var(--bwo-color-teal)!important;box-shadow: var(--bwo-shadow-card);}
.site-footer__nav {display: flex;justify-content: center;flex-wrap: wrap;gap: 12px;width: min(calc(100% - 40px), 960px);margin: 0 auto;padding-bottom: 40px;color: rgb(255 255 255 / 85%);font-size: 16px;line-height: 20px;}
.site-footer__nav a::after {content: "|";margin-left: 12px;color: rgb(255 255 255 / 85%);}
.site-footer__nav a:last-child::after {content: "";margin-left: 0;}
.site-footer__copyright {background: var(--bwo-color-teal);padding: 12px 16px;}
.site-footer__copyright p {margin: 0;color: #ffffff;font-size: 16px;line-height: 20px;text-align: center;}
@media (max-width: 991.98px) {
	.site-footer {margin-top: 48px;}
	.site-footer__top {gap: 24px;}
	.site-footer__logo {width: 140px;height: auto;}
}
@media (max-width: 767.98px) {
	.site-footer__top {flex-direction: column;}
	.site-footer__top-button {width: 48px;height: 48px;}
}
@media (max-width: 360px) {
	.site-footer__nav {font-size: 14px;}
	.site-footer__copyright p {font-size: 13px;}
}