/* Base button styles */
.glesys-custom-button {
  display: flex;
  padding: var(--button-padding-h) var(--button-padding-v);
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  text-decoration: none;
  height: 44px;
  border-radius: var(--button-border-radius);
}

.glesys-custom-button.button-small {
  padding: var(--button-padding-small-h) var(--button-padding-small-v);
  height: 35px;
}

/* Light outlined style */
.glesys-custom-button.button-outlined.button-light {
  border: 1px solid var(--glesys-white);
  color: var(--glesys-white);
  background-color: transparent;
}

.glesys-custom-button.button-outlined.button-light:hover {
  border: 1px solid var(--glesys-gray-400);
}

/* Light solid style */
.glesys-custom-button.button-solid.button-light {
  color: var(--glesys-indigo-900);
  border: 1px solid var(--glesys-white);
  background: var(--glesys-white);
}

.glesys-custom-button.button-solid.button-light:hover {
  background-color: #E7E7E7;
  border-color: #E7E7E7;
}

/* Dark outlined style */
.glesys-custom-button.button-outlined.button-dark {
  border: 1px solid var(--glesys-indigo-900);
  color: var(--glesys-indigo-900);
  background-color: transparent;
}

.glesys-custom-button.button-outlined.button-dark:hover {
  border: 1px solid rgba(13, 17, 31, 0.35);
}

/* Dark solid style */
.glesys-custom-button.button-solid.button-dark {
  border: 1px solid var(--glesys-indigo-900);
  background: var(--glesys-indigo-900);
  color: var(--glesys-white);
}

.glesys-custom-button.button-solid.button-dark:hover {
  background-color: var(--glesys-indigo-700);
}

/* Container */
.glesys-button-container {
  display: flex;
  justify-content: flex-start;
}