.hot-key-card {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.hot-key-card::before, .select-container::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: 16px;
  background: var(--border-linear-gradient);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
}

.select-container select {
  z-index: 1;
  background-image: url("/assets/select-arrow-e27380e4.svg"), url("/assets/language-icon-03feb9ac.svg");
  background-size: 18px 14px, 26px 26px;
  background-position: right 24px center, left 24px center;
  background-repeat: no-repeat;
  padding-left: 74px;

  option {
    background-color: var(--corbeau);
  }
}

.how_it_works {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%), #FFBD5D;
}