.pin {
  @apply flex flex-col items-center;
}

.pin__icon {
  @apply rounded-full shadow flex justify-center items-center;
  width: 44px;
  height: 44px;
}

.pin--success .pin__icon {
  @apply gradient--green;
}

.pin--failed .pin__icon {
  @apply gradient--orange;
}

.pin--failed .pin__icon svg {
  filter: none;
}

.pin__icon .icon {
  @apply m-2;
}

.pin__shadow {
  @apply bg-grey-lighter block mt-3;
  width: 50px;
  height: 8px;
  border-radius: 50%;
}