.elementor-16251 .elementor-element.elementor-element-d9bfd76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16251 .elementor-element.elementor-element-c5e1873{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16251 .elementor-element.elementor-element-dd3200f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16251 .elementor-element.elementor-element-8437b75{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16251 .elementor-element.elementor-element-2b04c2e.elementor-element{--align-self:flex-end;}.elementor-16251 .elementor-element.elementor-element-2b04c2e.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-16251 .elementor-element.elementor-element-9aa8e41{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-2b04c2e */.logout-button {
  background-color: #f8f8ff; /* Light lavender/white color */
  color: #8080ff; /* Light purple text */
  border: 1px solid #e6e6fa; /* Light lavender border */
  border-radius: 8px; /* Rounded corners */
  padding: 8px 16px; /* Vertical and horizontal padding */
  font-size: 14px; /* Font size */
  font-weight: 500; /* Medium font weight */
  cursor: pointer; /* Hand cursor on hover */
  transition: all 0.2s ease; /* Smooth transition for hover effects */
  text-align: center;
  min-width: 100px; /* Minimum width */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* Very subtle shadow */
}

.logout-button:hover {
  background-color: #f0f0ff; /* Slightly darker on hover */
  border-color: #d8d8ff; /* Slightly darker border on hover */
}

.logout-button:active {
  transform: translateY(1px); /* Slight push down effect when clicked */
}/* End custom CSS */