.footer {
   width: 100%;
   background-color: #212B36;
   border-radius: 20px 20px 0 0 ;
   padding: 80px 0;
   margin-top: -20px;
}

.footer__wrapper {
   width: 1270px;
   display: flex;
   flex-direction: column;
   align-items: start;
   justify-content: space-between;
   margin: 0 auto;
}

.footer__upper {
   width: 100%;
   display: flex;
   align-items: start;
   justify-content: space-between;

}

.footer__upper-links {
   width: 175px;
   text-align: left;
   list-style-type: none;
   margin: 0;
   padding: 0;
   margin-right: 68px;
}

.footer__upper-link {
   text-decoration: none;
   margin-bottom: 12px;
   transition: all 250ms ease-out;

   &:hover {
      opacity: .8;
   }
}

.footer__upper-link_title {
   text-decoration: none;
   font-size: 14px;
   font-weight: 400;
   line-height: 130%;
   letter-spacing: 0%;
   color: #F3F3F799;
   margin-bottom: 12px;
}

.footer__upper-link_text {
   text-decoration: none;
   font-size: 16px;
   font-weight: 400;
   line-height: 130%;
   letter-spacing: 0%;
   color: #F3F3F7;
   margin-bottom: 12px;
}

.footer__upper-contacts {
   width: 489px;
   height: 156px;
   padding: 24px;
   border-radius: 16px;
   background-color: #0D1722CC;
   display: flex;
   flex-direction: column;
   align-items: start;
   justify-content: space-between;
}

.footer__upper-contacts-title {
   margin: 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 130%;
   letter-spacing: 0%;
   color: #FFFFFF80;
   margin-bottom: 6px;
}

.footer__upper-contacts-tel {
   margin: 0;
   font-size: 18px;
   font-weight: 500;
   line-height: 120%;
   letter-spacing: 0%;
   color: #FFFFFF; 
   flex-grow: 1;
}

.footer__upper-contacts-buttons {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.footer__hr {
   margin: 40px auto 40px auto;
   width: 100%;
   height: 1px;
   background-color: #FFFFFF1A;
}

.footer__lower {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.footer__lower-text {
   width: 240px;
   font-size: 14px;
   font-weight: 400;
   line-height: 130%;
   color: #919EAB;
}

.footer__lower-text_right {
   text-align: right;
}

.footer__lower-text_centr {
   width: 317px;
   color: #FFFFFFCC;
}

.footer__lower-centr {
   width: 523px;
   height: 68px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px;
   border-radius: 16px;
   background-color: #0D1722CC;
   text-decoration: none;
}

.footer__upper-contacts-button_blue {
   width: 214.5px;
   height: 38px;
   padding: 10px 12px;
   border-radius: 10px;
   background-color: #004BCA;
   display: flex;
   align-items: center;
   justify-content: space-between;
   text-decoration: none;
   font-size: 14px;
   font-weight: 600;
   line-height: 120%;
   letter-spacing: 0%;
   color: #FFFFFF;

}

.footer__upper-contacts-button_green {
   width: 214.5px;
   height: 38px;
   padding: 10px 12px;
   border-radius: 10px;
   background-color: #34C759;
   display: flex;
   align-items: center;
   justify-content: space-between;
   text-decoration: none;
   font-size: 14px;
   font-weight: 600;
   line-height: 120%;
   letter-spacing: 0%;
   color: #FFFFFF;
}