/* Custom styles for courts form */

.court-favorite-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}

.court-favorite-btn .dashicons-star-filled {
  color: #ccc;
  font-size: 24px;
}

.court-favorite-btn.favorited .dashicons-star-filled {
  color: #f7c200;
}

.court-favorite-btn .favorite-label {
  display: block;
  font-size: 8px;
  line-height: 1;
  color: #777;
  text-align: center;
  margin: 3px 0 0 5px;
}

@media screen and (min-width: 835px) {
  .court-favorite-btn .favorite-label {
    font-size: 12px;
  }
}