.orcid_icon {
	margin-left: -0.25rem !important;
	margin-right: 0.5rem !important;;
	width: 1.25rem !important;
	height: 1.25rem !important;;
	
}

#connect-orcid-button {
    position: relative !important;
}

#connect-orcid-button:focus {
    z-index: 10 !important;
}

#connect-orcid-button {
	margin-top: .5rem !important;
	margin-bottom: 0rem !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: .375rem !important;
    border-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
}

#connect-orcid-button:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity)) !important;
}

#connect-orcid-button {
    padding: .5rem 1rem !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
    --tw-text-opacity: 1 !important;
    color: rgba(55, 65, 81, var(--tw-text-opacity)) !important;
}

#connect-orcid-button:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(14, 165, 233, var(--tw-ring-opacity)) !important;
    --tw-ring-offset-width: 2px !important;
}

@media (min-width: 640px) {
    #connect-orcid-button {
        margin-top: 0 !important;
        margin-right: .5rem !important;
    }
}