
/* @media screen and ( min-width: 501px ) and ( max-width: 910px ) { */

    .btn_green_white_innerfade,
    .btn_blue_white_innerfade,
    .btn_darkblue_white_innerfade,
    .btn_grey_white_innerfade,
    .btn_grey_grey,
    .btn_grey_grey_outer_bevel,
    .btn_grey_black,
    .btn_black,
    .btnv6_blue_hoverfade,
    .btnv6_lightblue_blue,
    .btnv6_blue_blue_innerfade,
    .btnv6_green_white_innerfade,
    .btnv6_grey_black,
    .btnv6_white_transparent,
    .btn_darkred_white_innerfade,
    .btn_green_steamui,
    .btn_grey_steamui,
    .btn_blue_steamui {
        transition: all 0.1s ease;
        text-align: center;
    }



    /* RESET */
    .btn_small_thin,
    .btn_small,
    .btn_uppercase,
    .btn_small_tall,
    .btn_border_2px,
    .btn_medium {
        border-radius: var(--gpCorner-Medium);
        border: unset;
    }

    /* Set 2 sizes */
    .btn_small_thin,
    .btn_small_tall,
    .btn_small {
        padding: 6px 12px;
    }

    .btn_medium,
	.gl_btn_huge {
        padding: 10px 20px;
    }

    /* Unify fonts */
    .btn_small_thin span,
    .btn_uppercase span,
    .btn_small span,
	.btn_small_tall span {
        font: var(--gpText-BodyMedium);
    }

    .btn_medium span,
    .btn_border_2px span,
    .btn_medium span,
	.gl_btn_huge span,
	.gl_btn_huge.gl_big_text > span {
        font: var(--gpText-BodyLarge);
    }

    .btn_small_thin span,
    .btn_small span,
    .btn_uppercase span,
    .btn_medium span,
    .btn_border_2px span,
    .btn_medium span,
	.btn_small_tall span,
	.gl_btn_huge span {
        text-transform: unset;
        padding: unset;
        background: unset !important;
        box-shadow: unset !important;
        text-shadow: none !important;
        border: unset !important;
        text-align: center;
    }

    .inner_bevel {
        box-shadow: unset;
    }

	.gl_btn_multiline br {
		display: none;
	}

	.gl_btn_ico_up div.ico {
		width: 16px;
		height: 16px;
	}




    /* PRIMARY */

    /* Green */
    .btn_green_white_innerfade,
    .btnv6_green_white_innerfade,
    .btn_green_steamui {
        color: white !important;
        background: var(--gpColor-Green);
        box-shadow: var(--gpShadow-Medium);
    }

    .btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btn_green_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
        background: var(--gpColor-GreenHi) !important;
    }

    .btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btn_green_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus {
        background: white !important;
        color: black !important;
        border-radius: 0px;
    }

	.btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btn_green_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img {
        filter: brightness(0);
    }

    /* Blue */
    .btn_blue_steamui,
    .btn_blue_white_innerfade,
    .btnv6_lightblue_blue {
        color: white !important;
        background: var(--gpColor-Blue);
        box-shadow: var(--gpShadow-Medium);
    }

    .btn_blue_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
        background: var(--gpColor-BlueHi);
    }

    .btn_blue_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus {
        background: white;
        color: black !important;
        border-radius: 0px;
    }

	.btn_blue_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img {
        filter: brightness(0);
    }

    /* Error */
    .btn_darkred_white_innerfade {
        color: white !important;
        background: var(--gpColor-Red);
        box-shadow: var(--gpShadow-Medium);
    }

    .btn_darkred_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
        color: white;
        background: var(--gpColor-RedHi) !important;
    }

    .btn_darkred_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus {
        color: var(--gpColor-Red);
        background: white;
    }




    /* SECONDARY */
    .btn_grey_steamui,
    .btnv6_grey_black,
    .btnv6_blue_hoverfade,
    .btn_grey_white_innerfade,
    .btn_grey_grey,
    .btn_grey_grey_outer_bevel,
    .btn_black,
    .btn_grey_black,
    .btnv6_blue_blue_innerfade,
    .btn_darkblue_white_innerfade {
        color: white !important;
        background: var(--gpBackground-LightMedium);
    }

    .btn_grey_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btnv6_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btnv6_blue_hoverfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btn_grey_grey:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btn_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover,
    .btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
        color: white !important;
        background: var(--gpBackground-LightHard) !important;
    }

    .btn_grey_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btnv6_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btnv6_blue_hoverfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btn_grey_grey:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btn_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus,
    .btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus {
        color: black !important;
        background: white !important;
        border-radius: 0px;
    }

	.btn_grey_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btnv6_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btnv6_blue_hoverfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btn_grey_grey:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btn_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img,
    .btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active).gpfocus img {
        filter: brightness(0) !important;
    }




    /* GHOST */
    .btnv6_white_transparent {
        border: 1px solid var(--gpBackground-LightHard);
        border-radius: var(--gpCorner-Large);
    }

    .btnv6_white_transparent.btn_small_thin,
    .btnv6_white_transparent.btn_small,
    .btnv6_white_transparent.btn_small_tall {
        padding: 5px 11px;
    }

    .btnv6_white_transparent.btn_medium {
        padding: 9px 19px;
    }

    .btnv6_white_transparent:hover:not(.btn_disabled):not(:disabled) {
        border: 1px solid white;
    }

	.btnv6_white_transparent.gpfocus:not(.btn_disabled):not(:disabled) {
		border-radius: 0px;
		background: white;
		border-color: transparent;
    }

	.btnv6_white_transparent.gpfocus:not(.btn_disabled):not(:disabled) span {
		color: black;
    }

/* } */
