/*! ============================================================================= */
/*! "Pin it" button styles. */
/*! ============================================================================= */
.pin-it-button {
  display: inline-block;
  padding: 12px 17px;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: background 500ms;
}

.pin-it-button__icon svg {
  stroke: currentColor;
  fill: currentColor;
  font-size: 24px;
}

.pin-it-button__icon + .pin-it-button__text {
  padding-left: 10px;
}

.pin-it-button__text {
  vertical-align: middle;
}

.pin-it-button:hover {
  opacity: 1;
  color: #ffffff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.6);
}