.custom-api-buttons .button {
    padding: 3px 10px;
    border-radius: 0.25rem;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .8125rem !important;
    transition: background-color 0.3s;
    color: var(--text-color, white); /* Default text color */
}

.custom-api-buttons .button.register {
    background-color: #183059;
    --text-color: white; /* Text color for register button */
}

.custom-api-buttons .button.login {
    background-color: #276FBF;
    --text-color: white; /* Text color for login button */
}

.custom-api-buttons .button:hover {
    opacity: 0.9;
}

.btn-blink, .custom-api-buttons > a:first-child {
  animation: blinker 1s linear infinite !important;
}

@keyframes blinker {
  50% {
			background-color: #e90c0c;
      opacity: 0.75;
	
  }
}