@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 4em; /* Adjust width */
  border-radius: 5px;
  background: linear-gradient(to bottom, #FFA500, #FF8C00); /* Orange gradient */
  color: white; /* Text color */
  font-weight: bold; /* Make text bold */
  position: relative;
  box-shadow: 0 4px #CC7000; /* Darker shadow for 3D effect */
}

.custom-swell-block-button:active {
  top: 4px;
  box-shadow: 0 2px #CC7000; /* Adjust shadow on active state */
}

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

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

.custom-blue {
  background-color: #007bff; /* Adjust as needed */
}

.custom-is-style-btn-3d {
  /* Specific styles for 3D button */
}

.custom-beebet-btn {
  /* Additional specific styles for the button */
}

.p-articleMetas__termList.c-categoryList {
    color: white;
}

.widget_categories > ul > .cat-item > a::before {
    color: white;
}

/*テーブル用カスタムボタン*/
.table-custom-swell-block-button {
  display: inline-block; /* Display as inline-block to fit content width */
  box-sizing: border-box; /* Include padding and border in width calculation */
  text-align: center;
  text-decoration: none;
  padding: 1em 1em; /* Adjust padding as needed */
  border-radius: 5px; /* Rounded edges */
  background: #D55656; /* Vivid red background */
  border: 5px solid #D55656; /* Vivid red outline border */
  color: white; /* White text color */
  font-weight: bold; /* Make text bold */
  position: relative;
  overflow: hidden; /* Hide overflow content */
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.table-custom-swell-block-button:hover {
  color: white;
  transform: translateY(-2px);
}

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

.table-custom-swell-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;