/* --------------------------------------------------------------------------
   1. GENERAL / HOME BUTTONS
   -------------------------------------------------------------------------- */
/*
--button-green          : #77b96b   -> Primary green for general buttons
--brand-green           : #61ad4e   -> Brand green, hover state or accents
--brand-green-dark      : #4b8d3a   -> Hover or active state for green buttons
--button-purple         : #5865f2   -> General purple buttons (e.g., joinable / CTA)
--button-blue           : #1976d2   -> Standard blue buttons
--button-blue-dark      : #1565c0   -> Blue button hover state
--button-purple-hover   : #404ff0   -> Hover state for purple buttons
--hover-dark            : #333333   -> General dark hover state (used if needed)
--text-black            : #343434   -> Default button text color
--text-dark-gray        : #555555   -> Alternative button text (secondary buttons)
--button-radius         : 8px       -> Rounded corners for all buttons
*/

/* Example Usage:
.button {
    background-color: var(--button-green);
    color: var(--text-black);
    border-radius: var(--button-radius);
}
.button:hover {
    background-color: var(--brand-green-dark);
}
*/



/* Buttons, submits, and general buttons for home/page-id-12454 */
body.home button,
body.home .button,
body.home input[type="submit"],
body.page-id-12454 button,
body.page-id-12454 .button,
body.page-id-12454 input[type="submit"] {
  padding-top: .7rem;
  padding-bottom: .7rem;
  font-family: 'Montserrat';
}

/* Active state */
body.home button:active,
body.home .popup_exlc_button:active,
body.home input[type=submit]:active,
body.page-id-12454 button:active,
body.page-id-12454 .popup_exlc_button:active,
body.page-id-12454 input[type=submit]:active {
  opacity: .7;
}

/* Main styling */
body.home button,
body.home input[type=submit],
body.home .popup_exlc_button,
body.home .invite_button_join a,
body.home .discord_button_login a,
body.home #menu-item-6480,
body.home .cc_dashshop-btn,
body.home .page-id-7482 .pmpro_content_message a,
body.home .single-event #wrapper input[type=submit],
body.page-id-12454 button,
body.page-id-12454 input[type=submit],
body.page-id-12454 .popup_exlc_button,
body.page-id-12454 .invite_button_join a,
body.page-id-12454 .discord_button_login a,
body.page-id-12454 #menu-item-6480,
body.page-id-12454 .cc_dashshop-btn,
body.page-id-12454 .page-id-7482 .pmpro_content_message a,
body.page-id-12454 .single-event #wrapper input[type=submit] {
  color: #fff;
  position: relative;
  overflow: hidden;
  transition: all .2s ease-in-out;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Montserrat', 'Roboto';
  text-shadow: none;
  border-radius: 8px;
  letter-spacing: .3px;
  background-color: #77b96b;
  background-image: none;
  border: none;
  text-transform: initial;
}

/* Hover state */
body.home button:hover,
body.home .popup_exlc_button:hover,
body.home input[type=submit]:hover,
body.home .invite_button_join a:hover,
body.home .discord_button_login a:hover,
body.home #menu-item-6480:hover,
body.home .cc_dashshop-btn:hover,
body.home .page-id-7482 .pmpro_content_message a:hover,
body.home .single-event #wrapper input[type=submit]:hover,
body.page-id-12454 button:hover,
body.page-id-12454 .popup_exlc_button:hover,
body.page-id-12454 input[type=submit]:hover,
body.page-id-12454 .invite_button_join a:hover,
body.page-id-12454 .discord_button_login a:hover,
body.page-id-12454 #menu-item-6480:hover,
body.page-id-12454 .cc_dashshop-btn:hover,
body.page-id-12454 .page-id-7482 .pmpro_content_message a:hover,
body.page-id-12454 .single-event #wrapper input[type=submit]:hover {
  color: #fff;
  position: relative;
  overflow: hidden;
  transition: all .2s ease-in-out;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Montserrat', 'Roboto';
  border-radius: 8px;
  letter-spacing: .3px;
  text-shadow: none;
  background-color: #61ad4e;
  background-image: none;
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}