#allrecords div.t396__elem:has(div.button-search) {
  z-index: 99 ;
}
    .wrapper{
        width: 191px;
        display: flex;
        flex-direction: column;
        font-family: 'Inter',Arial,sans-serif;
        line-height: 1.55;
        font-weight: 600;
        font-size: 10px;
        border-radius: 5px;
        background-color: #f6f6f6;
        position: relative;
                cursor: pointer;
    }
    .wrapper a{
        text-decoration: none;
        color: #000;

    }
    div.button-search{
        background-color: #d3dff1;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 999;
        color: #5D6F8A;
        align-items: center;
        padding: 8px 10px;
        font-weight: 700;
    }
    .button-search-icon{
        width: 6px;
        height: 6px;
        transform: translateY(-1.5px) rotate(-45deg);
        border-left: 1px solid #5D6F8A;
        border-bottom: 1px solid #5D6F8A;
        font-weight: 700;
    }
    .wrapper.open .button-search-icon{
        transform: translateY(1.5px) rotate(135deg);
        border-color: #ffffff;
    }
    .button-search,
    .button-list{
        padding: 6px 14px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
    }
    .button-list {
  width: 183px;
}
    .button-list{
        position: absolute;
        top:14px;
        display: none;
        background-color: #f6f6f6;
        z-index: 99;
        padding-top: 20px;

    }
    .button-list .list-inner-text{
        color:#5D6F8A;
        font-weight: 700;
    }
    .wrapper.open .button-list{
        display: initial;
    }
    .wrapper.open .button-search{
        color:#ffffff;
        background-color: #A6B9D7;
    }
    .list-link{
        display: flex;
        padding: 5px 0 ;
        gap:8px;
        border-bottom: 1px solid rgba(142, 142, 142, 0.47);
        align-items: center;
    }
    .n-bord{
        border: none;
    }
    .wildb,
    .ozon,
    .yam,
    .mega,
    .letu,
    .goldapple,
    .lamoda{
        width: 24px;
        height: 24px;
        background-position: center;
        background-size: cover;
        border-radius: 5px;
    }
    .wildb{
        background-image: url("https://static.tildacdn.com/tild3861-6130-4632-a638-653339356332/q9lzbxl34068dftldokv.png");
    }
    .ozon{
        background-image: url("https://static.tildacdn.com/tild6238-6666-4364-b234-633335346130/1200x630wa.png");
    }
    .yam{
        background-image: url("https://static.tildacdn.com/tild6565-6663-4965-b065-323162663836/unnamed_1.png");
    }
    .mega{
        background-image: url("https://static.tildacdn.com/tild6266-3431-4965-b538-303263633938/snu7tps29n6qkuy59kdj.png");
    }
    .letu{
        background-image: url("https://static.tildacdn.com/tild3333-3735-4239-a566-643762633538/bi1zxjok.jpg");
    }
    .goldapple{
        background-image: url("https://static.tildacdn.com/tild3261-6233-4138-b933-636339656533/13725176d15182d8e416.jpg");
    }
    .lamoda{
        background-image: url("https://optim.tildacdn.com/tild6661-3530-4636-b762-636533383633/-/format/webp/5c31866d-001c-4cab-8.png.webp");
    }
    
    @media(max-width:480px){
    .wrapper {
        width: calc(100% - 20px);
        }
    .wrapper.open .button-list {
        width: calc(100% - 8px);
        }
    }
 .wrapper.open .button-list {
  display: initial;
  box-shadow: -3px -3px 15px #93939340, 3px 3px 15px #93939340;
}   
    
  /*розовая кнопка*/  
.wrapper.pink .button-search{
    background-color: #f7d2dc;
}
/*цвет текста в кнопке*/
.wrapper.pink .button-search-text{
    color:#c45e7a;
}
.wrapper.pink .button-search-icon {
  border-left: 1px solid #c45e7a;
  border-bottom: 1px solid #c45e7a;
}

/*при открытой кнопке*/
.wrapper.pink.open .button-search{
    background-color: #ff83a5;
}

.wrapper.pink.open .button-search-text{
    color:#fff;
}
.wrapper.pink.open .button-search-icon {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
/*смена цвета текста при наведении*/
.list-link:hover .list-inner-text {
  color: #a6b9d7;
}