.broker__analysis-button-wrapper{ position:relative; width:100%; padding-right:15px; padding-left:15px; flex:0 0 100%; max-width:100%; margin-bottom:20px; margin-top:15px; } .broker__analysis-button-wrapper .button-primary, .broker__analysis-button-wrapper .button-secondary{ display:flex; justify-content:center; align-items:center; width:100%; max-width:200px; max-height:60px; padding:19px 8px; box-sizing:border-box; box-shadow:3px 3px 3px rgba(0,0,0,0.27); border-radius:10px; background-color:#f2f2f2; font-size:16px; letter-spacing:.04em; text-align:center; margin-left:16px; margin-bottom:20px; } .broker__analysis-button-wrapper .broker__analysis-button{ width:100%; max-width:500px; height:100%; margin:8px auto 0; padding:10px 8px; font-weight:600; color:#fff; line-height:1; text-transform:uppercase; } .broker__analysis-button-wrapper .button-primary{ background-color:#0051dd; border:none; } .broker__analysis-button-wrapper .button-primary:hover{ background-color:#002c90; text-decoration:none !important; } .broker__analysis-button-wrapper .broker__analysis-button:hover{ color:#fff; } .custom-broker__btn{ padding-top:7px; } @media (max-width:580px){ .article-wrap .section{  padding:10px 0 25px 0; } } /*-------- add expert links------*/ #expert .expert-box__ava{ position:relative; flex:0 0 70px; filter:none; box-shadow:0 12px 24px rgba(0,0,0,.2);} @media (max-width:576px){ #expert .expert-box__ava{  margin-right:10px; } } #expert .expert-box__ava .linkidn{ position:absolute; bottom:-4px; right:-4px; display:block; width:24px; height:24px; } #expert .expert-box__ava .linkidn svg{ width:24px; height:24px; } /* add block best brokers by countries */ #country .container{ width:100%; max-width:1200px; padding:0 15px !important; } .country-box{ background:#F0F1F2; border:2px solid #E1E1E1; border-radius:9px; padding:44px; display:flex; flex-wrap:wrap; justify-content:center; } .country-box__col{ width:20%; padding:6px; } .country-box__item{ width:100%; height:100%; background:#71B219; box-shadow:0px 8px 15px rgba(0,0,0,0.23); border-radius:4px; padding-bottom:5px; } .country-box__inner{ background:#FFFFFF; border-radius:4px; padding:20px; } .country-box__inner a{ display:flex; flex-direction:column; align-items:center; } .country-box__flag img{ width:64px; height:64px; } .country-box__name{ font-weight:600; font-size:18px; line-height:30px; } .country-link{ display:flex; align-items:center; justify-content:space-between; padding-top:23px; } .country-link__item{ display:inline-flex; align-items:center; transition:all 0.3s; font-weight:600; font-size:16px; line-height:24px; color:#2C64EB; } .m-prev{ text-align:left; } .m-next{ text-align:right; } .country-link__item span{ padding:0 6px; } .country-link__item svg{ fill:#2C64EB; transition:all 0.3s; } .country-link__item:hover{ color:#002c90; } .country-link__item:hover svg{ fill:#002c90; } @media (max-width:992px){ .country-box__col{  width:33.3%; } } @media (max-width:992px){ .country-box__col{  width:50%; } } @media (max-width:580px){ .country-box{  padding:24px 14px; } .country-box__col{  width:100%; } .country-link{  flex-wrap:wrap; } .country-link div{  width:100%; } .m-prev{  margin-bottom:20px; } .m-next{  text-align:left;  padding-left:7px; } }