@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.button-container {
  text-align: center;
  margin-top: 20px; /* Optional: Adjust as needed */
}

.custom-swell-block-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 0.5em 6em; /* Adjust width */
  border-radius: 5px; /* Rounded edges */
  background: transparent;
  border: 2px solid #FC5B3C; /* Red-orange outline border */
  color: #FC5B3C; /* Red-orange text color */
  font-weight: bold; /* Make text bold */
  position: relative;
  box-shadow: none;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
  animation: pulse 3s infinite; /* Add pulse animation */
}

.custom-swell-block-button:hover {
  background: #FC5B3C; /* Red-orange background on hover */
  color: white;
  transform: translateY(-2px);
}

.custom-swell-block-button:active {
  top: 4px;
  box-shadow: none;
}

.custom-swell-block-button__link {
  display: inline-flex;
  align-items: center;
}

.custom-icon {
  margin-left: 0.5em;
}

@keyframes pulse {
  0%, 100% {
    background-color: transparent;
    color: #FC5B3C;
  }
  50% {
    background-color: #D94429; /* Darker red-orange tint */
    color: white; /* Text color becomes white */
  }
}