.breezy-falcon {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.breezy-falcon__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.breezy-falcon__label {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  font-size: 16px;
  color: #ffe4e6;
  cursor: pointer;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.breezy-falcon__custom {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: 5px;
  border-radius: 5px;
  background: linear-gradient(#fff1f2, #fecdd3) padding-box;
  border: 2px solid transparent;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.breezy-falcon__input:checked + .breezy-falcon__label .breezy-falcon__custom {
  background-image: linear-gradient(145deg, #fb7185, #e11d48);
  box-shadow: inset 1px 1px 3px 1px #fecdd3;
  filter: drop-shadow(0 2px 8px #4c0519) drop-shadow(0 1px 6px #4c0519);
  transform: rotate(45deg);
}

.breezy-falcon__input:not(:checked) + .breezy-falcon__label .breezy-falcon__custom {
  background: #4c0519;
}

.breezy-falcon:hover .breezy-falcon__input:not(:checked) + .breezy-falcon__label .breezy-falcon__custom {
  box-shadow: rgb(136, 19, 55) 0 0 0 2px, rgb(254, 205, 211) 0 0 0 3px, rgba(0, 0, 0, 0) 0 0 0 0;
}

.breezy-falcon:hover .breezy-falcon__custom {
  transform: scale(1.2);
}