/**
 * Full width button on home page.
 */
.full-btn.elementor-widget-button .elementor-button {
  width: 100%;
}

#discover-more .elementor-button-content-wrapper::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  position: relative;
  left: 50%;
  top: 28px;
}

/**
 * Welcome box on the homepage.
 */
.welcome-box a {
  color: #FFFFFF;
  font-weight: bold;
}

.welcome-box a:hover {
  color: #FFFFFF;
  border-bottom: 1px dashed #FFD700;
}

/**
 * Columns for spotlight on YouTube creators.
 *
 * Make sure that buttons are aligned to bottom.
 */
.spotlight-yt-left .elementor-widget-wrap,
.spotlight-yt-middle .elementor-widget-wrap,
.spotlight-yt-right .elementor-widget-wrap {
  flex-direction: column;
}

.spotlight-yt-left .elementor-widget-wrap div:last-child,
.spotlight-yt-middle .elementor-widget-wrap div:last-child,
.spotlight-yt-right .elementor-widget-wrap div:last-child {
  margin-top: auto;
}

/**
 * Hover animation to rotate image to the left.
 */
.spotlight-yt-middle img {
  transition-duration: 0.3s;
  transition-property: transform;
}

.spotlight-yt-middle img:active,
.spotlight-yt-middle img:focus,
.spotlight-yt-middle img:hover {
  transform: scale(1.1) rotate(-4deg) !important; /** Override animation that is set in Elementor! */
}