.cta-bar{
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:100;
  border:1px solid #dfe0e0;
  background:#fff;
  transition:all .2s linear;
}
.cta-bar .container{
  display:flex;
  gap:24px;
  align-items:center;
  padding-top:12px;
  padding-bottom:12px;
}
.cta-bar:not(.show){
  z-index:-1;
  visibility:hidden;
  opacity:0;
}
.cta-bar__content{
  display:flex;
  flex:none;
  min-width:0;
}
.cta-bar__button{
  flex-grow:1;
  max-width:400px;
  margin-left:auto;
}
.cta-bar__button .btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  line-height:1;
}
.cta-bar__selector{
  position:relative;
  display:flex;
  gap:24px;
  align-items:center;
}
.cta-bar__selector:before{
  font-size:16px;
  font-weight:600;
  white-space:nowrap;
  content:attr(data-label);
}
.cta-bar__selector:has(input[name=cta-color]) button:before{
  width:35px;
  height:35px;
  border:1px solid #f6f6f7;
  border-radius:35px;
  background:#fff;
  content:"";
}
.cta-bar__selector:has(input[value=black]:checked) button:before{
  background:#212428;
}
.cta-bar__selector:has(input[value=silver]:checked) button:before{
  background:linear-gradient(120deg, #e2e2e2 16%, #999a9a 50%, #e2e2e2 80%);
}
.cta-bar__selector.show button{
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-top-color:transparent;
}
.cta-bar__selector.show button:after{
  transform:rotate(-90deg);
}
.cta-bar__selector.show ul{
  display:block;
}
.cta-bar__selector button{
  display:none;
  gap:8px;
  align-items:center;
  padding:10px;
  white-space:nowrap;
  border:1px solid #8b8c8e;
  border-radius:10px;
  background:none;
}
.cta-bar__selector button:after{
  margin-left:4px;
  font-family:icomoon;
  font-weight:400;
  font-style:normal;
  font-variant:normal;
  line-height:1;
  text-transform:none;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  speak:never;
  font-size:12px;
  vertical-align:top;
  transform:rotate(90deg);
  transition:all .2s linear;
  content:"\e900";
}
.cta-bar__selector ul{
  display:flex;
  gap:12px;
}
.cta-bar__selector label{
  display:flex;
  gap:8px;
  align-items:center;
  padding:10px;
  white-space:nowrap;
  border:1px solid transparent;
  border-radius:10px;
  cursor:pointer;
}
.cta-bar__selector label:has(input[name=cta-color]):before{
  width:35px;
  height:35px;
  border:1px solid #f6f6f7;
  border-radius:35px;
  background:#fff;
  content:"";
}
.cta-bar__selector label:has(input[value=black]):before{
  background:#212428;
}
.cta-bar__selector label:has(input[value=silver]):before{
  background:linear-gradient(120deg, #e2e2e2 16%, #999a9a 50%, #e2e2e2 80%);
}
.cta-bar__selector label:has(input:checked){
  border-color:#8b8c8e;
}
.cta-bar__selector img{
  display:block;
  max-width:100%;
  height:auto;
  -o-object-fit:contain;
     object-fit:contain;
  width:auto;
  height:40px;
  aspect-ratio:250/180;
}
.cta-bar__selector input{
  position:absolute;
  z-index:-1;
  visibility:hidden;
  opacity:0;
}
.cta-bar__bottom{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  padding:5px 16px;
  font-size:16px;
  background:#f6f6f7;
}
.cta-bar__bottom:before{
  width:8px;
  height:8px;
  border-radius:10px;
  background:#ff5429;
  animation:pulse 2s infinite;
}
@keyframes pulse{
  0%{
    box-shadow:0 0 0 0 rgba(255,84,41,.7);
    transform:scale(1);
  }
  to{
    box-shadow:0 0 0 8px rgba(255,84,41,0);
    transform:scale(1.1);
  }
}
.cta-bar__bottom:before{
  content:"";
}
@media screen and (max-width:991px){
  .cta-bar__button .btn{
    min-height:52px;
    padding:10px 16px;
    font-size:16px;
  }
  .cta-bar__selector:before{
    display:none;
  }
}
@media screen and (max-width:767px){
  .cta-bar__title{
    display:none;
  }
  .cta-bar__selector button{
    gap:4px;
    font-size:16px;
    display:flex;
  }
  .cta-bar__selector ul{
    position:absolute;
    right:0;
    bottom:100%;
    left:0;
    display:none;
    font-size:16px;
    border:1px solid #8b8c8e;
    border-bottom:0;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    background:#fff;
  }
  .cta-bar__selector li:has(input:checked){
    display:none;
  }
  .cta-bar__selector img{
    height:30px;
  }
}