/* Container link styling */
.icon-circle-link {
  text-decoration: none;
  display: inline-block;
}

/* Orange circular background */
.icon-circle {
  width: 60px;               /* Adjust width as needed */
  height: 60px;              /* Adjust height as needed */
  background-color: #ff5500; /* Matching bright orange color */
  border-radius: 50%;        /* Makes the box a perfect circle */
  display: flex;
  align-items: center;       /* Centers icon vertically */
  justify-content: center;    /* Centers icon horizontally */
  transition: transform 0.2s ease, background-color 0.2s ease;
}

/* White Font Awesome envelope icon */
.icon-circle .fa-envelope {
  color: #ffffff;            /* Pure white icon */
  font-size: 26px;           /* Adjust icon size */
}

/* Optional hover effect */
.icon-circle-link:hover .icon-circle {
  background-color: #e04b00; /* Slightly darker orange on hover */
  transform: scale(1.05);    /* Subtle zoom effect */
}

.newsletter-form input[type="email"] {
  width: 50%; /* Spans full width of its parent container */

 padding: 6px 8px; /* Adds breathing room inside the field */
  box-sizing: border-box; /* Ensures padding doesn't cause overflow */
}

.btn-orange {
  background-color: #ff5500;
  color: #ffffff;
  border: none;
  padding: 10px 25px;
  cursor: pointer;
  
  /* Select border-radius based on desired roundedness */
  border-radius: 25px; /* Full pill/capsule shape */
  /* border-radius: 6px;  Slightly rounded corners */
  
  transition: background-color 0.2s ease;
}

/* Optional hover state */
.btn-orange:hover {
  background-color: #e04b00;
}