/* Button Visual Enhancements Only - MI Nurul Falah */

/* CTA Button Color Enhancements */
.cta-button {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--color-secondary-dark);
}

.cta-button:hover {
  background-color: var(--color-secondary-dark);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* CTA Button Primary Variant */
.cta-button.primary {
  background-color: var(--color-primary);
  color: var(--color-white);
  border: 1px solid var(--color-primary-dark);
  box-shadow: 0 2px 4px rgba(45, 80, 22, 0.2);
}

.cta-button.primary:hover {
  background-color: var(--color-primary-light);
  box-shadow: 0 4px 8px rgba(45, 80, 22, 0.3);
}

/* CTA Button Secondary Variant */
.cta-button.secondary {
  background-color: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  box-shadow: none;
}

.cta-button.secondary:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  box-shadow: 0 2px 4px rgba(45, 80, 22, 0.2);
}

/* Submit Button */
.submit-button {
  background-color: var(--color-primary);
  color: var(--color-white);
  border: 1px solid var(--color-primary-dark);
  box-shadow: 0 2px 4px rgba(45, 80, 22, 0.2);
}

.submit-button:hover {
  background-color: var(--color-primary-light);
  box-shadow: 0 4px 8px rgba(45, 80, 22, 0.3);
}

/* Tab Button */
.tab-button {
  background-color: var(--color-white);
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.tab-button:hover,
.tab-button.active {
  background-color: var(--color-primary);
  color: var(--color-white);
  box-shadow: 0 2px 4px rgba(45, 80, 22, 0.2);
}

/* Social Link Button */
.social-link {
  background-color: var(--color-gray-light);
  color: var(--color-primary);
  border: 1px solid var(--color-accent);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.social-link:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  box-shadow: 0 2px 4px rgba(45, 80, 22, 0.2);
  border-color: var(--color-primary);
}