.countries__list{
   display: block;
   margin: 20px 0px;
}

.countries__list .countries__list__display{
    margin-bottom: 20px;
}

.countries__list .countries__list__display span.countries__list__display--text{
   padding: 15px 45px 15px 15px;
   border: 1px solid #bebebe;
   cursor: pointer;
}

.countries__list .countries__list__display span.countries__list__display--text:after {
    content: "\f077";
    position: relative;
    right: -35px;
    font: normal normal normal 14px/1 FontAwesome;
}

.countries__list.countries__list--hidden .countries__list__display span.countries__list__display--text:after {
    content: "\f078";
}


.countries__list:not(.countries__list--hidden) .countries__list__display span.countries__list__display--text span.countries__list__display--text--show,
.countries__list.countries__list--hidden .countries__list__display span.countries__list__display--text span.countries__list__display--text--hide,
.countries__list.countries__list--hidden .countries__list__items{
    display:none;
}

@media (max-width: 768px) {

    .countries__list.countries__list--hidden .countries__list__items{
        display: inline;
    }
}


.countries__list .countries__list__items .countries__list__item{
   padding-top: 8px;
   padding-bottom: 7px;
}

.survey__country .countries__list .countries__list__items .countries__list__item{
   width:auto;
}

.countries__list .countries__list__items .countries__list__item.countries__list__item--button a {
    display: block;
    padding: 10px;
    text-align: left;
    border: 1px solid #bebebe;
    text-decoration: none;
    font-weight: 500;
    transition: all ease 0.5s;
}

.survey__country .countries__list .countries__list__items .countries__list__item.countries__list__item--button a {
    padding:10px 20px;
    cursor:pointer;
}

.countries__list .countries__list__items .countries__list__item.countries__list__item--button a:hover,
.countries__list .countries__list__items .countries__list__item.countries__list__item--hover.countries__list__item--button a,
.survey__country .countries__list .countries__list__items .countries__list__item.countries__list__item--button.active a{
    background-color: rgba(0, 82, 158, 0.9);
    color: #fff;
}

.countries__list .countries__list__items .countries__list__item.countries__list__item--button a span.countries__list__item--button-flag {
    box-shadow: 1px 1px 2px #bebebe;
}

.survey__country .countries__list .countries__list__items .countries__list__item.countries__list__item--button a span.countries__list__item--button-flag {
    margin-right: 5px;
}

.countries__list .countries__list__items .countries__list__item.countries__list__item--button a span.countries__list__item--button-text {
    margin-left: 6px;
}