.select__head::after {
  right: 10px;
  bottom: 55%;
  transform: translateY(50%) rotate(180deg);
  content: '';
  display: block;
  transition: .2s ease-in;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

.select__head.open::after {
  transform: translateY(50%) rotate(0deg);
}

.select__list::after {
  width: 10px;
  height: 5px;
  background: #2B2F31;
  position: absolute;
  right: 12px;
  top: -8px;
  transform: translateY(50%);
  content: '';
  display: flex;
  transition: .5s ease-in-out;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

.select__item:hover {
  color: #2B2F31;
  transition: .3s ease-in-out;
}