/*!
Theme Name: PopularFX Child
Theme URI: https://popularfx.com
Description: Child theme for PopularFX.
Template: popularfx
Version: 1.0.0
Text Domain: popularfx-child
*/

.view-program{
	background-color: none !important;
	border: 1px solid #b02e2e; 
    color: #fff;
    padding: 8px 18px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	font-weight: bold;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
	
}
.view-program:hover, .tutor-add-to-cart-button{
/* 	background-color: #005177; */
	display: inline-block;
  padding: 8px 18px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(90deg, #b02e2e, #1a1a1a) !important; /* red to dark */
  border: none;
  border-radius: 8px;
  text-decoration: none;
  font-family: Arial, sans-serif;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.view-program:visited{
	color: #fff;
}

.calendly{
	background-color: none;
	border: 1px solid #F71A1A85; 
    color: #fff;
    padding: 15px 24px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	font-weight: bold;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
	transform-origin: top center;
	
}
.calendly:hover{
/* 	background-color: #005177; */
	display: inline-block;
  padding: 15px 24px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(90deg, #b02e2e, #1a1a1a); /* red to dark */
  border: none;
  border-radius: 8px;
  text-decoration: none;
  font-family: Arial, sans-serif;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
	animation: floatUpDown 1.2s ease-in-out infinite;
}
.calendly:visited{
	color: #fff;
}

@keyframes softHang {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(2deg); }
  50%  { transform: rotate(-2deg); }
  75%  { transform: rotate(1deg); }
  100% { transform: rotate(0deg); }
}

@keyframes floatUpDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}