/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 01 2025 | 08:51:02 */
/* Base button style */
.custom-btn {
  position: relative;
  background-color:#FAAF42;/* Button normal background */
  color: #ffffff;              /* Text color */
  border: none;
  overflow: hidden;
  padding: 10px 10px;
  font-size: 1.3rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  
}

/* Underline effect */
.custom-btn:before {
  content: "";
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: scaleX(0);
  transform-origin: bottom right;
  background:#ffffff;
  transition: transform 0.25s ease-out;
}

.custom-btn:hover:before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/* Text slide effect */
.custom-btn span {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.custom-btn:hover span {
  transform: translateY(-10px);
}

/* Icon rotation */
.custom-btn .themify-icon, 
.custom-btn svg {
  margin-left: 10px;
  transition: transform 0.3s ease;
}

.custom-btn:hover .themify-icon,
.custom-btn:hover svg {
  transform: rotate(-90deg);
}