/* common rules */
/* put icon in button like this : <i class="icon-drive"></i> */
.btn-prepend-icon i {
    vertical-align: middle;
    font-size: 1.5rem;
    line-height: 1rem;
    margin-right: 5px;
}

/* hover, active, focus */
.btn-basic-dark-100:hover,
.btn-basic-dark-100:active,
.btn-basic-dark-100:focus {
    color: #fff;
}
.btn-basic-dark-200:hover,
.btn-basic-dark-200:active,
.btn-basic-dark-200:focus {
    color: #fff;
}
.btn-basic-dark-300:hover,
.btn-basic-dark-300:active,
.btn-basic-dark-300:focus {
    color: #fff;
}
.btn-basic-dark-400:hover,
.btn-basic-dark-400:active,
.btn-basic-dark-400:focus {
    color: #fff;
}
.btn-basic-dark-500:hover,
.btn-basic-dark-500:active,
.btn-basic-dark-500:focus {
    color: #fff;
}
.btn-basic-dark-600:hover,
.btn-basic-dark-600:active,
.btn-basic-dark-600:focus {
    color: #032949;
}
.btn-basic-dark-700:hover,
.btn-basic-dark-700:active,
.btn-basic-dark-700:focus {
    color: #032949;
}
.btn-basic-dark-800:hover,
.btn-basic-dark-800:active,
.btn-basic-dark-800:focus {
    color: #032949;
}
.btn-basic-dark-900:hover,
.btn-basic-dark-900:active,
.btn-basic-dark-900:focus {
    color: #032949;
}
.btn-basic-light-100:hover,
.btn-basic-light-100:active,
.btn-basic-light-100:focus {
    color: #032949;
}
.btn-basic-light-200:hover,
.btn-basic-light-200:active,
.btn-basic-light-200:focus {
    color: #fff;
}
.btn-basic-light-300:hover,
.btn-basic-light-300:active,
.btn-basic-light-300:focus {
    color: #fff;
}
.btn-basic-light-400:hover,
.btn-basic-light-400:active,
.btn-basic-light-400:focus {
    color: #fff;
}
.btn-basic-light-500:hover,
.btn-basic-light-500:active,
.btn-basic-light-500:focus {
    color: #fff;
}
.btn-basic-light-600:hover,
.btn-basic-light-600:active,
.btn-basic-light-600:focus {
    color: #fff;
}
.btn-basic-light-700:hover,
.btn-basic-light-700:active,
.btn-basic-light-700:focus {
    color: #fff;
}
.btn-basic-light-800:hover,
.btn-basic-light-800:active,
.btn-basic-light-800:focus {
    color: #fff;
}
.btn-basic-light-900:hover,
.btn-basic-light-900:active,
.btn-basic-light-900:focus {
	color: #fff;
}
.btn-error-light-100:hover,
.btn-error-light-100:active,
.btn-error-light-100:focus {
    color: #fff;
}
.btn-error-light-200:hover,
.btn-error-light-200:active,
.btn-error-light-200:focus {
    color: #fff;
}
.btn-error-dark-100:hover,
.btn-error-dark-100:active,
.btn-error-dark-100:focus {
    color: #fff;
}
.btn-error-dark-200:hover,
.btn-error-dark-200:active,
.btn-error-dark-200:focus {
    color: #fff;
}
.btn-information-dark-100:hover,
.btn-information-dark-100:active,
.btn-information-dark-100:focus {
    color: #fff;
}
.btn-information-dark-200:hover,
.btn-information-dark-200:active,
.btn-information-dark-200:focus {
    color: #fff;
}
.btn-information-light-100:hover,
.btn-information-light-100:active,
.btn-information-light-100:focus {
    color: #fff;
}
.btn-information-light-200:hover,
.btn-information-light-200:active,
.btn-information-light-200:focus {
    color: #fff;
}
.btn-primary-01-light-100,
.btn-primary-01-light-active,
.btn-primary-01-light-focus:hover {
    color: #fff;
}
.btn-primary-01-light-200,
.btn-primary-01-light-active,
.btn-primary-01-light-focus:hover {
    color: #fff;
}
.btn-primary-01-light-300,
.btn-primary-01-light-active,
.btn-primary-01-light-focus:hover {
    color: #fff;
}
.btn-primary-01-light-400,
.btn-primary-01-light-active,
.btn-primary-01-light-focus:hover {
    color: #fff;
}
.btn-primary-01-light-500,
.btn-primary-01-light-active,
.btn-primary-01-light-focus:hover {
    color: #fff;
}
.btn-primary-01-light-600,
.btn-primary-01-light-active,
.btn-primary-01-light-focus:hover {
    color: #fff;
}
.btn-primary-01-light-700,
.btn-primary-01-light-active,
.btn-primary-01-light-focus:hover {
    color: #fff;
}
.btn-primary-01-light-800,
.btn-primary-01-light-active,
.btn-primary-01-light-focus:hover {
    color: #fff;
}
.btn-primary-01-light-900,
.btn-primary-01-light-active,
.btn-primary-01-light-focus:hover {
    color: #fff;
}
.btn-primary-01-dark-100,
.btn-primary-01-dark-active,
.btn-primary-01-dark-focus:hover {
    color: #fff;
}
.btn-primary-01-dark-200,
.btn-primary-01-dark-active,
.btn-primary-01-dark-focus:hover {
    color: #fff;
}
.btn-primary-01-dark-300,
.btn-primary-01-dark-active,
.btn-primary-01-dark-focus:hover {
    color: #fff;
}
.btn-primary-01-dark-400,
.btn-primary-01-dark-active,
.btn-primary-01-dark-focus:hover {
    color: #fff;
}
.btn-primary-01-dark-500,
.btn-primary-01-dark-active,
.btn-primary-01-dark-focus:hover {
    color: #fff;
}
.btn-primary-01-dark-600,
.btn-primary-01-dark-active,
.btn-primary-01-dark-focus:hover {
    color: #fff;
}
.btn-primary-01-dark-700,
.btn-primary-01-dark-active,
.btn-primary-01-dark-focus:hover {
    color: #fff;
}
.btn-primary-01-dark-800,
.btn-primary-01-dark-active,
.btn-primary-01-dark-focus:hover {
    color: #fff;
}
.btn-primary-01-dark-900,
.btn-primary-01-dark-active,
.btn-primary-01-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-dark-100,
.btn-primary-02-dark-active,
.btn-primary-02-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-dark-200,
.btn-primary-02-dark-active,
.btn-primary-02-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-dark-300,
.btn-primary-02-dark-active,
.btn-primary-02-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-dark-400,
.btn-primary-02-dark-active,
.btn-primary-02-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-dark-500,
.btn-primary-02-dark-active,
.btn-primary-02-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-dark-600,
.btn-primary-02-dark-active,
.btn-primary-02-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-dark-700,
.btn-primary-02-dark-active,
.btn-primary-02-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-dark-800,
.btn-primary-02-dark-active,
.btn-primary-02-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-dark-900,
.btn-primary-02-dark-active,
.btn-primary-02-dark-focus:hover {
    color: #fff;
}
.btn-primary-02-light-100,
.btn-primary-02-light-active,
.btn-primary-02-light-focus:hover {
    color: #fff;
}
.btn-primary-02-light-200,
.btn-primary-02-light-active,
.btn-primary-02-light-focus:hover {
    color: #fff;
}
.btn-primary-02-light-300,
.btn-primary-02-light-active,
.btn-primary-02-light-focus:hover {
    color: #fff;
}
.btn-primary-02-light-400,
.btn-primary-02-light-active,
.btn-primary-02-light-focus:hover {
    color: #fff;
}
.btn-primary-02-light-500,
.btn-primary-02-light-active,
.btn-primary-02-light-focus:hover {
    color: var(--basic-light-900);
}
.btn-primary-02-light-600,
.btn-primary-02-light-active,
.btn-primary-02-light-focus:hover {
    color: #fff;
}
.btn-primary-02-light-700,
.btn-primary-02-light-active,
.btn-primary-02-light-focus:hover {
    color: #fff;
}
.btn-primary-02-light-800,
.btn-primary-02-light-active,
.btn-primary-02-light-focus:hover {
    color: #fff;
}
.btn-primary-02-light-900,
.btn-primary-02-light-active,
.btn-primary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-light-100,
.btn-secondary-01-light-active,
.btn-secondary-01-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-light-200,
.btn-secondary-01-light-active,
.btn-secondary-01-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-light-300,
.btn-secondary-01-light-active,
.btn-secondary-01-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-light-400,
.btn-secondary-01-light-active,
.btn-secondary-01-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-light-500,
.btn-secondary-01-light-active,
.btn-secondary-01-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-light-600,
.btn-secondary-01-light-active,
.btn-secondary-01-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-light-700,
.btn-secondary-01-light-active,
.btn-secondary-01-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-light-800,
.btn-secondary-01-light-active,
.btn-secondary-01-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-light-900,
.btn-secondary-01-light-active,
.btn-secondary-01-light-focus:hover {
    color: #fff;
}
.btn-secondary-01-dark-100,
.btn-secondary-01-dark-active,
.btn-secondary-01-dark-focus:hover {
    color: #fff;
}
.btn-secondary-01-dark-200,
.btn-secondary-01-dark-active,
.btn-secondary-01-dark-focus:hover {
    color: #fff;
}
.btn-secondary-01-dark-300,
.btn-secondary-01-dark-active,
.btn-secondary-01-dark-focus:hover {
    color: #fff;
}
.btn-secondary-01-dark-400,
.btn-secondary-01-dark-active,
.btn-secondary-01-dark-focus:hover {
    color: #fff;
}
.btn-secondary-01-dark-500,
.btn-secondary-01-dark-active,
.btn-secondary-01-dark-focus:hover {
    color: #fff;
}
.btn-secondary-01-dark-600,
.btn-secondary-01-dark-active,
.btn-secondary-01-dark-focus:hover {
    color: #fff;
}
.btn-secondary-01-dark-700,
.btn-secondary-01-dark-active,
.btn-secondary-01-dark-focus:hover {
    color: #fff;
}
.btn-secondary-01-dark-800,
.btn-secondary-01-dark-active,
.btn-secondary-01-dark-focus:hover {
    color: #fff;
}
.btn-secondary-01-dark-900,
.btn-secondary-01-dark-active,
.btn-secondary-01-dark-focus:hover {
    color: #fff;
}
.btn-secondary-02-light-100,
.btn-secondary-02-light-active,
.btn-secondary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-02-light-200,
.btn-secondary-02-light-active,
.btn-secondary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-02-light-300,
.btn-secondary-02-light-active,
.btn-secondary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-02-light-400,
.btn-secondary-02-light-active,
.btn-secondary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-02-light-500,
.btn-secondary-02-light-active,
.btn-secondary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-02-light-600,
.btn-secondary-02-light-active,
.btn-secondary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-02-light-700,
.btn-secondary-02-light-active,
.btn-secondary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-02-light-800,
.btn-secondary-02-light-active,
.btn-secondary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-02-light-900,
.btn-secondary-02-light-active,
.btn-secondary-02-light-focus:hover {
    color: #fff;
}
.btn-secondary-02-dark-100,
.btn-secondary-02-dark-active,
.btn-secondary-02-dark-focus:hover {
    color: #fff;
}
.btn-secondary-02-dark-200,
.btn-secondary-02-dark-active,
.btn-secondary-02-dark-focus:hover {
    color: #fff;
}
.btn-secondary-02-dark-300,
.btn-secondary-02-dark-active,
.btn-secondary-02-dark-focus:hover {
    color: #fff;
}
.btn-secondary-02-dark-400,
.btn-secondary-02-dark-active,
.btn-secondary-02-dark-focus:hover {
    color: #fff;
}
.btn-secondary-02-dark-500,
.btn-secondary-02-dark-active,
.btn-secondary-02-dark-focus:hover {
    color: #fff;
}
.btn-secondary-02-dark-600,
.btn-secondary-02-dark-active,
.btn-secondary-02-dark-focus:hover {
    color: #fff;
}
.btn-secondary-02-dark-700,
.btn-secondary-02-dark-active,
.btn-secondary-02-dark-focus:hover {
    color: #fff;
}
.btn-secondary-02-dark-800,
.btn-secondary-02-dark-active,
.btn-secondary-02-dark-focus:hover {
    color: #fff;
}
.btn-secondary-02-dark-900,
.btn-secondary-02-dark-active,
.btn-secondary-02-dark-focus:hover {
    color: #fff;
}
.btn-success-light-100:hover,
.btn-success-light-100:active,
.btn-success-light-100:focus {
    color: #fff;
}
.btn-success-light-200:hover,
.btn-success-light-200:active,
.btn-success-light-200:focus {
    color: #fff;
}
.btn-success-dark-100:hover,
.btn-success-dark-100:active,
.btn-success-dark-100:focus {
    color: #fff;
}
.btn-success-dark-200:hover,
.btn-success-dark-200:active,
.btn-success-dark-200:focus {
    color: #fff;
}
.btn-warning-light-100:hover,
.btn-warning-light-100:active,
.btn-warning-light-100:focus {
    color: #fff;
}
.btn-warning-light-200:hover,
.btn-warning-light-200:active,
.btn-warning-light-200:focus {
    color: #fff;
}
.btn-warning-dark-100:hover,
.btn-warning-dark-100:active,
.btn-warning-dark-100:focus {
    color: #fff;
}
.btn-warning-dark-200:hover,
.btn-warning-dark-200:active,
.btn-warning-dark-200:focus {
    color: #fff;
}





/* outline buttons */
.btn-basic-dark-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #02182b !important;
    border: 1px solid #02182b;
}
.btn-basic-dark-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #032949 !important;
    border: 1px solid #032949;
}
.btn-basic-dark-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #143d5f !important;
    border: 1px solid #143d5f;
}
.btn-basic-dark-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #3c617f !important;
    border: 1px solid #3c617f;
}
.btn-basic-dark-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #6b879e !important;
    border: 1px solid #6b879e;
}
.btn-basic-dark-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #032949 !important;
    border: 1px solid #b0c4d5;
}
.btn-basic-dark-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #032949 !important;
    border: 1px solid #d6e1ec;
}
.btn-basic-dark-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #032949 !important;
    border: 1px solid #eef5fb;
}
.btn-basic-dark-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #032949 !important;
    border: 1px solid #ffffff;
}
.btn-basic-light-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffffff !important;
    border: 1px solid #ffffff;
}
.btn-basic-light-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #eef5fb !important;
    border: 1px solid #eef5fb;
}
.btn-basic-light-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #d6e1ec !important;
    border: 1px solid #d6e1ec;
}
.btn-basic-light-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #b0c4d5 !important;
    border: 1px solid #b0c4d5;
}
.btn-basic-light-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #6b879e !important;
    border: 1px solid #6b879e;
}
.btn-basic-light-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #3c617f !important;
    border: 1px solid #3c617f;
}
.btn-basic-light-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #143d5f !important;
    border: 1px solid #143d5f;
}
.btn-basic-light-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #032949 !important;
    border: 1px solid #032949;
}
.btn-basic-light-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #02182b !important;
    border: 1px solid #02182b;
}
.btn-error-light-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff7171 !important;
    border: 1px solid #ff7171;
}
.btn-error-light-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #e10000 !important;
    border: 1px solid #e10000;
}
.btn-error-dark-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff7171 !important;
    border: 1px solid #ff7171;
}
.btn-error-dark-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #e10000 !important;
    border: 1px solid #e10000;
}
.btn-information-dark-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #8fa8ff !important;
    border: 1px solid #8fa8ff;
}
.btn-information-dark-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0035f0 !important;
    border: 1px solid #0035f0;
}
.btn-information-light-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #8fa8ff !important;
    border: 1px solid #8fa8ff;
}
.btn-information-light-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0035f0 !important;
    border: 1px solid #0035f0;
}
.btn-primary-01-light-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffaab3 !important;
    border: 1px solid #ffaab3;
}
.btn-primary-01-light-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff8290 !important;
    border: 1px solid #ff8290;
}
.btn-primary-01-light-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff5e71 !important;
    border: 1px solid #ff5e71;
}
.btn-primary-01-light-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff364d !important;
    border: 1px solid #ff364d;
}
.btn-primary-01-light-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ed002e !important;
    border: 1px solid #ed002e;
}
.btn-primary-01-light-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #d40029 !important;
    border: 1px solid #d40029;
}
.btn-primary-01-light-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #b30023 !important;
    border: 1px solid #b30023;
}
.btn-primary-01-light-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #97001b !important;
    border: 1px solid #97001b;
}
.btn-primary-01-light-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #51000f !important;
    border: 1px solid #51000f;
}
.btn-primary-01-dark-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #51000f !important;
    border: 1px solid #51000f;
}
.btn-primary-01-dark-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #97001b !important;
    border: 1px solid #97001b;
}
.btn-primary-01-dark-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #b30023 !important;
    border: 1px solid #b30023;
}
.btn-primary-01-dark-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #d40029 !important;
    border: 1px solid #d40029;
}
.btn-primary-01-dark-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ed002e !important;
    border: 1px solid #ed002e;
}
.btn-primary-01-dark-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff364d !important;
    border: 1px solid #ff364d;
}
.btn-primary-01-dark-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff5e71 !important;
    border: 1px solid #ff5e71;
}
.btn-primary-01-dark-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff8290 !important;
    border: 1px solid #ff8290;
}
.btn-primary-01-dark-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffaab3 !important;
    border: 1px solid #ffaab3;
}
.btn-primary-02-dark-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00311f !important;
    border: 1px solid #00311f;
}
.btn-primary-02-dark-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #004a2e !important;
    border: 1px solid #004a2e;
}
.btn-primary-02-dark-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #007b4d !important;
    border: 1px solid #007b4d;
}
.btn-primary-02-dark-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00ac6c !important;
    border: 1px solid #00ac6c;
}
.btn-primary-02-dark-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00c57b !important;
    border: 1px solid #00c57b;
}
.btn-primary-02-dark-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00ec93 !important;
    border: 1px solid #00ec93;
}
.btn-primary-02-dark-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #14ffa7 !important;
    border: 1px solid #14ffa7;
}
.btn-primary-02-dark-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #74ffcb !important;
    border: 1px solid #74ffcb;
}
.btn-primary-02-dark-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #a9ffdf !important;
    border: 1px solid #a9ffdf;
}
.btn-primary-02-light-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #a9ffdf !important;
    border: 1px solid #a9ffdf;
}
.btn-primary-02-light-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #74ffcb !important;
    border: 1px solid #74ffcb;
}
.btn-primary-02-light-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #14ffa7 !important;
    border: 1px solid #14ffa7;
}
.btn-primary-02-light-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00ec93 !important;
    border: 1px solid #00ec93;
}
.btn-primary-02-light-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00c57b !important;
    border: 1px solid #00c57b;
}
.btn-primary-02-light-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00ac6c !important;
    border: 1px solid #00ac6c;
}
.btn-primary-02-light-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #007b4d !important;
    border: 1px solid #007b4d;
}
.btn-primary-02-light-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #004a2e !important;
    border: 1px solid #004a2e;
}
.btn-primary-02-light-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00311f !important;
    border: 1px solid #00311f;
}
.btn-secondary-01-light-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #b8dbff !important;
    border: 1px solid #b8dbff;
}
.btn-secondary-01-light-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #81bfff !important;
    border: 1px solid #81bfff;
}
.btn-secondary-01-light-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #3f9dff !important;
    border: 1px solid #3f9dff;
}
.btn-secondary-01-light-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0c83ff !important;
    border: 1px solid #0c83ff;
}
.btn-secondary-01-light-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0073eb !important;
    border: 1px solid #0073eb;
}
.btn-secondary-01-light-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #006ad8 !important;
    border: 1px solid #006ad8;
}
.btn-secondary-01-light-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0060c5 !important;
    border: 1px solid #0060c5;
}
.btn-secondary-01-light-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0051a5 !important;
    border: 1px solid #0051a5;
}
.btn-secondary-01-light-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #002f61 !important;
    border: 1px solid #002f61;
}
.btn-secondary-01-dark-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #002f61 !important;
    border: 1px solid #002f61;
}
.btn-secondary-01-dark-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0051a5 !important;
    border: 1px solid #0051a5;
}
.btn-secondary-01-dark-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0060c5 !important;
    border: 1px solid #0060c5;
}
.btn-secondary-01-dark-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #006ad8 !important;
    border: 1px solid #006ad8;
}
.btn-secondary-01-dark-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0073eb !important;
    border: 1px solid #0073eb;
}
.btn-secondary-01-dark-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #0c83ff !important;
    border: 1px solid #0c83ff;
}
.btn-secondary-01-dark-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #3f9dff !important;
    border: 1px solid #3f9dff;
}
.btn-secondary-01-dark-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #81bfff !important;
    border: 1px solid #81bfff;
}
.btn-secondary-01-dark-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #b8dbff !important;
    border: 1px solid #b8dbff;
}
.btn-secondary-02-light-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #fff6de !important;
    border: 1px solid #fff6de;
}
.btn-secondary-02-light-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffebb1 !important;
    border: 1px solid #ffebb1;
}
.btn-secondary-02-light-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffde80 !important;
    border: 1px solid #ffde80;
}
.btn-secondary-02-light-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffce42 !important;
    border: 1px solid #ffce42;
}
.btn-secondary-02-light-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffbf09 !important;
    border: 1px solid #ffbf09;
}
.btn-secondary-02-light-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #eaad00 !important;
    border: 1px solid #eaad00;
}
.btn-secondary-02-light-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #cc9700 !important;
    border: 1px solid #cc9700;
}
.btn-secondary-02-light-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ac7f00 !important;
    border: 1px solid #ac7f00;
}
.btn-secondary-02-light-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #775800 !important;
    border: 1px solid #775800;
}
.btn-secondary-02-dark-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #775800 !important;
    border: 1px solid #775800;
}
.btn-secondary-02-dark-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ac7f00 !important;
    border: 1px solid #ac7f00;
}
.btn-secondary-02-dark-300.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #cc9700 !important;
    border: 1px solid #cc9700;
}
.btn-secondary-02-dark-400.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #eaad00 !important;
    border: 1px solid #eaad00;
}
.btn-secondary-02-dark-500.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffbf09 !important;
    border: 1px solid #ffbf09;
}
.btn-secondary-02-dark-600.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffce42 !important;
    border: 1px solid #ffce42;
}
.btn-secondary-02-dark-700.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffde80 !important;
    border: 1px solid #ffde80;
}
.btn-secondary-02-dark-800.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffebb1 !important;
    border: 1px solid #ffebb1;
}
.btn-secondary-02-dark-900.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #fff6de !important;
    border: 1px solid #fff6de;
}
.btn-success-light-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #9cffb6 !important;
    border: 1px solid #9cffb6;
}
.btn-success-light-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00a925 !important;
    border: 1px solid #00a925;
}
.btn-success-dark-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #9cffb6 !important;
    border: 1px solid #9cffb6;
}
.btn-success-dark-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #00a925 !important;
    border: 1px solid #00a925;
}
.btn-warning-light-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffb84f !important;
    border: 1px solid #ffb84f;
}
.btn-warning-light-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff9900 !important;
    border: 1px solid #ff9900;
}
.btn-warning-dark-100.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ffb84f !important;
    border: 1px solid #ffb84f;
}
.btn-warning-dark-200.outline {
    border-radius: 12px;
	background-color: transparent;
	color: #ff9900 !important;
    border: 1px solid #ff9900;
}



/* outline buttons :hover */
.btn-basic-dark-100.outline:hover,
.btn-basic-dark-100.outline:focus,
.btn-basic-dark-100.outline:active {
    background-color: transparent;
    color: #02182b !important;
    border: 1px solid #02182b}
.btn-basic-dark-200.outline:hover,
.btn-basic-dark-200.outline:focus,
.btn-basic-dark-200.outline:active {
    background-color: #032949;
    color: #fff !important;
    border: 1px solid #032949 !important;
}
.btn-basic-dark-300.outline:hover,
.btn-basic-dark-300.outline:focus,
.btn-basic-dark-300.outline:active {
    background-color: #143d5f;
    color: #fff !important;
    border: 1px solid #143d5f !important;
}
.btn-basic-dark-400.outline:hover,
.btn-basic-dark-400.outline:focus,
.btn-basic-dark-400.outline:active {
    background-color: #3c617f;
    color: #fff !important;
    border: 1px solid #3c617f !important;
}
.btn-basic-dark-500.outline:hover,
.btn-basic-dark-500.outline:focus,
.btn-basic-dark-500.outline:active {
    background-color: #6b879e;
    color: #fff !important;
    border: 1px solid #6b879e !important;
}
.btn-basic-dark-600.outline:hover,
.btn-basic-dark-600.outline:focus,
.btn-basic-dark-600.outline:active {
    background-color: #b0c4d5;
    color: #032949 !important;
    border: 1px solid #b0c4d5 !important;
}
.btn-basic-dark-700.outline:hover,
.btn-basic-dark-700.outline:focus,
.btn-basic-dark-700.outline:active {
    background-color: #d6e1ec;
    color: #032949 !important;
    border: 1px solid #d6e1ec !important;
}
.btn-basic-dark-800.outline:hover,
.btn-basic-dark-800.outline:focus,
.btn-basic-dark-800.outline:active {
    background-color: #eef5fb;
    color: #032949 !important;
    border: 1px solid #eef5fb !important;
}
.btn-basic-dark-900.outline:hover,
.btn-basic-dark-900.outline:focus,
.btn-basic-dark-900.outline:active {
    background-color: #ffffff;
    color: #032949 !important;
    border: 1px solid #ffffff !important;
}
.btn-basic-light-100.outline:hover,
.btn-basic-light-100.outline:focus,
.btn-basic-light-100.outline:active {
    background-color: #ffffff;
    color: #fff !important;
    border: 1px solid #ffffff !important;
}
.btn-basic-light-200.outline:hover,
.btn-basic-light-200.outline:focus,
.btn-basic-light-200.outline:active {
    background-color: #eef5fb;
    color: #fff !important;
    border: 1px solid #eef5fb !important;
}
.btn-basic-light-300.outline:hover,
.btn-basic-light-300.outline:focus,
.btn-basic-light-300.outline:active {
    background-color: #d6e1ec;
    color: #fff !important;
    border: 1px solid #d6e1ec !important;
}
.btn-basic-light-400.outline:hover,
.btn-basic-light-400.outline:focus,
.btn-basic-light-400.outline:active {
    background-color: #b0c4d5;
    color: #fff !important;
    border: 1px solid #b0c4d5 !important;
}
.btn-basic-light-500.outline:hover,
.btn-basic-light-500.outline:focus,
.btn-basic-light-500.outline:active {
    background-color: #6b879e;
    color: #fff !important;
    border: 1px solid #6b879e !important;
}
.btn-basic-light-600.outline:hover,
.btn-basic-light-600.outline:focus,
.btn-basic-light-600.outline:active {
    background-color: #3c617f;
    color: #fff !important;
    border: 1px solid #3c617f !important;
}
.btn-basic-light-700.outline:hover,
.btn-basic-light-700.outline:focus,
.btn-basic-light-700.outline:active {
    background-color: #143d5f;
    color: #fff !important;
    border: 1px solid #143d5f !important;
}
.btn-basic-light-800.outline:hover,
.btn-basic-light-800.outline:focus,
.btn-basic-light-800.outline:active {
    background-color: #032949;
    color: #fff !important;
    border: 1px solid #032949 !important;
}
.btn-basic-light-900.outline:hover,
.btn-basic-light-900.outline:focus,
.btn-basic-light-900.outline:active {
    background-color: #02182b;
    color: #fff !important;
    border: 1px solid #02182b !important;
}
.btn-error-light-100.outline:hover,
.btn-error-light-100.outline:focus,
.btn-error-light-100.outline:active {
    background-color: #ff7171;
    color: #fff !important;
    border: 1px solid #ff7171 !important;
}
.btn-error-light-200.outline:hover,
.btn-error-light-200.outline:focus,
.btn-error-light-200.outline:active {
    background-color: #e10000;
    color: #fff !important;
    border: 1px solid #e10000 !important;
}
.btn-error-dark-100.outline:hover,
.btn-error-dark-100.outline:focus,
.btn-error-dark-100.outline:active {
    background-color: #ff7171;
    color: #fff !important;
    border: 1px solid #ff7171 !important;
}
.btn-error-dark-200.outline:hover,
.btn-error-dark-200.outline:focus,
.btn-error-dark-200.outline:active {
    background-color: #e10000;
    color: #fff !important;
    border: 1px solid #e10000 !important;
}
.btn-information-dark-100.outline:hover,
.btn-information-dark-100.outline:focus,
.btn-information-dark-100.outline:active {
    background-color: #8fa8ff;
    color: #fff !important;
    border: 1px solid #8fa8ff !important;
}
.btn-information-dark-200.outline:hover,
.btn-information-dark-200.outline:focus,
.btn-information-dark-200.outline:active {
    background-color: #0035f0;
    color: #fff !important;
    border: 1px solid #0035f0 !important;
}
.btn-information-light-100.outline:hover,
.btn-information-light-100.outline:focus,
.btn-information-light-100.outline:active {
    background-color: #8fa8ff;
    color: #fff !important;
    border: 1px solid #8fa8ff !important;
}
.btn-information-light-200.outline:hover,
.btn-information-light-200.outline:focus,
.btn-information-light-200.outline:active {
    background-color: #0035f0;
    color: #fff !important;
    border: 1px solid #0035f0 !important;
}
.btn-primary-01-light-100.outline:hover,
.btn-primary-01-light-100.outline:focus,
.btn-primary-01-light-100.outline:active {
    background-color: #ffaab3;
    color: #fff !important;
    border: 1px solid #ffaab3 !important;
}
.btn-primary-01-light-200.outline:hover,
.btn-primary-01-light-200.outline:focus,
.btn-primary-01-light-200.outline:active {
    background-color: #ff8290;
    color: #fff !important;
    border: 1px solid #ff8290 !important;
}
.btn-primary-01-light-300.outline:hover,
.btn-primary-01-light-300.outline:focus,
.btn-primary-01-light-300.outline:active {
    background-color: #ff5e71;
    color: #fff !important;
    border: 1px solid #ff5e71 !important;
}
.btn-primary-01-light-400.outline:hover,
.btn-primary-01-light-400.outline:focus,
.btn-primary-01-light-400.outline:active {
    background-color: #ff364d;
    color: #fff !important;
    border: 1px solid #ff364d !important;
}
.btn-primary-01-light-500.outline:hover,
.btn-primary-01-light-500.outline:focus,
.btn-primary-01-light-500.outline:active {
    background-color: #ed002e;
    color: #fff !important;
    border: 1px solid #ed002e !important;
}
.btn-primary-01-light-600.outline:hover,
.btn-primary-01-light-600.outline:focus,
.btn-primary-01-light-600.outline:active {
    background-color: #d40029;
    color: #fff !important;
    border: 1px solid #d40029 !important;
}
.btn-primary-01-light-700.outline:hover,
.btn-primary-01-light-700.outline:focus,
.btn-primary-01-light-700.outline:active {
    background-color: #b30023;
    color: #fff !important;
    border: 1px solid #b30023 !important;
}
.btn-primary-01-light-800.outline:hover,
.btn-primary-01-light-800.outline:focus,
.btn-primary-01-light-800.outline:active {
    background-color: #97001b;
    color: #fff !important;
    border: 1px solid #97001b !important;
}
.btn-primary-01-light-900.outline:hover,
.btn-primary-01-light-900.outline:focus,
.btn-primary-01-light-900.outline:active {
    background-color: #51000f;
    color: #fff !important;
    border: 1px solid #51000f !important;
}
.btn-primary-01-dark-100.outline:hover,
.btn-primary-01-dark-100.outline:focus,
.btn-primary-01-dark-100.outline:active {
    background-color: #51000f;
    color: #fff !important;
    border: 1px solid #51000f !important;
}
.btn-primary-01-dark-200.outline:hover,
.btn-primary-01-dark-200.outline:focus,
.btn-primary-01-dark-200.outline:active {
    background-color: #97001b;
    color: #fff !important;
    border: 1px solid #97001b !important;
}
.btn-primary-01-dark-300.outline:hover,
.btn-primary-01-dark-300.outline:focus,
.btn-primary-01-dark-300.outline:active {
    background-color: #b30023;
    color: #fff !important;
    border: 1px solid #b30023 !important;
}
.btn-primary-01-dark-400.outline:hover,
.btn-primary-01-dark-400.outline:focus,
.btn-primary-01-dark-400.outline:active {
    background-color: #d40029;
    color: #fff !important;
    border: 1px solid #d40029 !important;
}
.btn-primary-01-dark-500.outline:hover,
.btn-primary-01-dark-500.outline:focus,
.btn-primary-01-dark-500.outline:active {
    background-color: #ed002e;
    color: #fff !important;
    border: 1px solid #ed002e !important;
}
.btn-primary-01-dark-600.outline:hover,
.btn-primary-01-dark-600.outline:focus,
.btn-primary-01-dark-600.outline:active {
    background-color: #ff364d;
    color: #fff !important;
    border: 1px solid #ff364d !important;
}
.btn-primary-01-dark-700.outline:hover,
.btn-primary-01-dark-700.outline:focus,
.btn-primary-01-dark-700.outline:active {
    background-color: #ff5e71;
    color: #fff !important;
    border: 1px solid #ff5e71 !important;
}
.btn-primary-01-dark-800.outline:hover,
.btn-primary-01-dark-800.outline:focus,
.btn-primary-01-dark-800.outline:active {
    background-color: #ff8290;
    color: #fff !important;
    border: 1px solid #ff8290 !important;
}
.btn-primary-01-dark-900.outline:hover,
.btn-primary-01-dark-900.outline:focus,
.btn-primary-01-dark-900.outline:active {
    background-color: #ffaab3;
    color: #fff !important;
    border: 1px solid #ffaab3 !important;
}
.btn-primary-02-dark-100.outline:hover,
.btn-primary-02-dark-100.outline:focus,
.btn-primary-02-dark-100.outline:active {
    background-color: #00311f;
    color: #fff !important;
    border: 1px solid #00311f !important;
}
.btn-primary-02-dark-200.outline:hover,
.btn-primary-02-dark-200.outline:focus,
.btn-primary-02-dark-200.outline:active {
    background-color: #004a2e;
    color: #fff !important;
    border: 1px solid #004a2e !important;
}
.btn-primary-02-dark-300.outline:hover,
.btn-primary-02-dark-300.outline:focus,
.btn-primary-02-dark-300.outline:active {
    background-color: #007b4d;
    color: #fff !important;
    border: 1px solid #007b4d !important;
}
.btn-primary-02-dark-400.outline:hover,
.btn-primary-02-dark-400.outline:focus,
.btn-primary-02-dark-400.outline:active {
    background-color: #00ac6c;
    color: #fff !important;
    border: 1px solid #00ac6c !important;
}
.btn-primary-02-dark-500.outline:hover,
.btn-primary-02-dark-500.outline:focus,
.btn-primary-02-dark-500.outline:active {
    background-color: #00c57b;
    color: #fff !important;
    border: 1px solid #00c57b !important;
}
.btn-primary-02-dark-600.outline:hover,
.btn-primary-02-dark-600.outline:focus,
.btn-primary-02-dark-600.outline:active {
    background-color: #00ec93;
    color: #fff !important;
    border: 1px solid #00ec93 !important;
}
.btn-primary-02-dark-700.outline:hover,
.btn-primary-02-dark-700.outline:focus,
.btn-primary-02-dark-700.outline:active {
    background-color: #14ffa7;
    color: #fff !important;
    border: 1px solid #14ffa7 !important;
}
.btn-primary-02-dark-800.outline:hover,
.btn-primary-02-dark-800.outline:focus,
.btn-primary-02-dark-800.outline:active {
    background-color: #74ffcb;
    color: #fff !important;
    border: 1px solid #74ffcb !important;
}
.btn-primary-02-dark-900.outline:hover,
.btn-primary-02-dark-900.outline:focus,
.btn-primary-02-dark-900.outline:active {
    background-color: #a9ffdf;
    color: #fff !important;
    border: 1px solid #a9ffdf !important;
}
.btn-primary-02-light-100.outline:hover,
.btn-primary-02-light-100.outline:focus,
.btn-primary-02-light-100.outline:active {
    background-color: #a9ffdf;
    color: #fff !important;
    border: 1px solid #a9ffdf !important;
}
.btn-primary-02-light-200.outline:hover,
.btn-primary-02-light-200.outline:focus,
.btn-primary-02-light-200.outline:active {
    background-color: #74ffcb;
    color: #fff !important;
    border: 1px solid #74ffcb !important;
}
.btn-primary-02-light-300.outline:hover,
.btn-primary-02-light-300.outline:focus,
.btn-primary-02-light-300.outline:active {
    background-color: #14ffa7;
    color: #fff !important;
    border: 1px solid #14ffa7 !important;
}
.btn-primary-02-light-400.outline:hover,
.btn-primary-02-light-400.outline:focus,
.btn-primary-02-light-400.outline:active {
    background-color: #00ec93;
    color: #fff !important;
    border: 1px solid #00ec93 !important;
}
.btn-primary-02-light-500.outline:hover,
.btn-primary-02-light-500.outline:focus,
.btn-primary-02-light-500.outline:active {
    background-color: #00c57b;
    color: #fff !important;
    border: 1px solid #00c57b !important;
}
.btn-primary-02-light-600.outline:hover,
.btn-primary-02-light-600.outline:focus,
.btn-primary-02-light-600.outline:active {
    background-color: #00ac6c;
    color: #fff !important;
    border: 1px solid #00ac6c !important;
}
.btn-primary-02-light-700.outline:hover,
.btn-primary-02-light-700.outline:focus,
.btn-primary-02-light-700.outline:active {
    background-color: #007b4d;
    color: #fff !important;
    border: 1px solid #007b4d !important;
}
.btn-primary-02-light-800.outline:hover,
.btn-primary-02-light-800.outline:focus,
.btn-primary-02-light-800.outline:active {
    background-color: #004a2e;
    color: #fff !important;
    border: 1px solid #004a2e !important;
}
.btn-primary-02-light-900.outline:hover,
.btn-primary-02-light-900.outline:focus,
.btn-primary-02-light-900.outline:active {
    background-color: #00311f;
    color: #fff !important;
    border: 1px solid #00311f !important;
}
.btn-secondary-01-light-100.outline:hover,
.btn-secondary-01-light-100.outline:focus,
.btn-secondary-01-light-100.outline:active {
    background-color: #b8dbff;
    color: #fff !important;
    border: 1px solid #b8dbff !important;
}
.btn-secondary-01-light-200.outline:hover,
.btn-secondary-01-light-200.outline:focus,
.btn-secondary-01-light-200.outline:active {
    background-color: #81bfff;
    color: #fff !important;
    border: 1px solid #81bfff !important;
}
.btn-secondary-01-light-300.outline:hover,
.btn-secondary-01-light-300.outline:focus,
.btn-secondary-01-light-300.outline:active {
    background-color: #3f9dff;
    color: #fff !important;
    border: 1px solid #3f9dff !important;
}
.btn-secondary-01-light-400.outline:hover,
.btn-secondary-01-light-400.outline:focus,
.btn-secondary-01-light-400.outline:active {
    background-color: #0c83ff;
    color: #fff !important;
    border: 1px solid #0c83ff !important;
}
.btn-secondary-01-light-500.outline:hover,
.btn-secondary-01-light-500.outline:focus,
.btn-secondary-01-light-500.outline:active {
    background-color: #0073eb;
    color: #fff !important;
    border: 1px solid #0073eb !important;
}
.btn-secondary-01-light-600.outline:hover,
.btn-secondary-01-light-600.outline:focus,
.btn-secondary-01-light-600.outline:active {
    background-color: #006ad8;
    color: #fff !important;
    border: 1px solid #006ad8 !important;
}
.btn-secondary-01-light-700.outline:hover,
.btn-secondary-01-light-700.outline:focus,
.btn-secondary-01-light-700.outline:active {
    background-color: #0060c5;
    color: #fff !important;
    border: 1px solid #0060c5 !important;
}
.btn-secondary-01-light-800.outline:hover,
.btn-secondary-01-light-800.outline:focus,
.btn-secondary-01-light-800.outline:active {
    background-color: #0051a5;
    color: #fff !important;
    border: 1px solid #0051a5 !important;
}
.btn-secondary-01-light-900.outline:hover,
.btn-secondary-01-light-900.outline:focus,
.btn-secondary-01-light-900.outline:active {
    background-color: #002f61;
    color: #fff !important;
    border: 1px solid #002f61 !important;
}
.btn-secondary-01-dark-100.outline:hover,
.btn-secondary-01-dark-100.outline:focus,
.btn-secondary-01-dark-100.outline:active {
    background-color: #002f61;
    color: #fff !important;
    border: 1px solid #002f61 !important;
}
.btn-secondary-01-dark-200.outline:hover,
.btn-secondary-01-dark-200.outline:focus,
.btn-secondary-01-dark-200.outline:active {
    background-color: #0051a5;
    color: #fff !important;
    border: 1px solid #0051a5 !important;
}
.btn-secondary-01-dark-300.outline:hover,
.btn-secondary-01-dark-300.outline:focus,
.btn-secondary-01-dark-300.outline:active {
    background-color: #0060c5;
    color: #fff !important;
    border: 1px solid #0060c5 !important;
}
.btn-secondary-01-dark-400.outline:hover,
.btn-secondary-01-dark-400.outline:focus,
.btn-secondary-01-dark-400.outline:active {
    background-color: #006ad8;
    color: #fff !important;
    border: 1px solid #006ad8 !important;
}
.btn-secondary-01-dark-500.outline:hover,
.btn-secondary-01-dark-500.outline:focus,
.btn-secondary-01-dark-500.outline:active {
    background-color: #0073eb;
    color: #fff !important;
    border: 1px solid #0073eb !important;
}
.btn-secondary-01-dark-600.outline:hover,
.btn-secondary-01-dark-600.outline:focus,
.btn-secondary-01-dark-600.outline:active {
    background-color: #0c83ff;
    color: #fff !important;
    border: 1px solid #0c83ff !important;
}
.btn-secondary-01-dark-700.outline:hover,
.btn-secondary-01-dark-700.outline:focus,
.btn-secondary-01-dark-700.outline:active {
    background-color: #3f9dff;
    color: #fff !important;
    border: 1px solid #3f9dff !important;
}
.btn-secondary-01-dark-800.outline:hover,
.btn-secondary-01-dark-800.outline:focus,
.btn-secondary-01-dark-800.outline:active {
    background-color: #81bfff;
    color: #fff !important;
    border: 1px solid #81bfff !important;
}
.btn-secondary-01-dark-900.outline:hover,
.btn-secondary-01-dark-900.outline:focus,
.btn-secondary-01-dark-900.outline:active {
    background-color: #b8dbff;
    color: #fff !important;
    border: 1px solid #b8dbff !important;
}
.btn-secondary-02-light-100.outline:hover,
.btn-secondary-02-light-100.outline:focus,
.btn-secondary-02-light-100.outline:active {
    background-color: #fff6de;
    color: #fff !important;
    border: 1px solid #fff6de !important;
}
.btn-secondary-02-light-200.outline:hover,
.btn-secondary-02-light-200.outline:focus,
.btn-secondary-02-light-200.outline:active {
    background-color: #ffebb1;
    color: #fff !important;
    border: 1px solid #ffebb1 !important;
}
.btn-secondary-02-light-300.outline:hover,
.btn-secondary-02-light-300.outline:focus,
.btn-secondary-02-light-300.outline:active {
    background-color: #ffde80;
    color: #fff !important;
    border: 1px solid #ffde80 !important;
}
.btn-secondary-02-light-400.outline:hover,
.btn-secondary-02-light-400.outline:focus,
.btn-secondary-02-light-400.outline:active {
    background-color: #ffce42;
    color: #fff !important;
    border: 1px solid #ffce42 !important;
}
.btn-secondary-02-light-500.outline:hover,
.btn-secondary-02-light-500.outline:focus,
.btn-secondary-02-light-500.outline:active {
    background-color: #ffbf09;
    color: #fff !important;
    border: 1px solid #ffbf09 !important;
}
.btn-secondary-02-light-600.outline:hover,
.btn-secondary-02-light-600.outline:focus,
.btn-secondary-02-light-600.outline:active {
    background-color: #eaad00;
    color: #fff !important;
    border: 1px solid #eaad00 !important;
}
.btn-secondary-02-light-700.outline:hover,
.btn-secondary-02-light-700.outline:focus,
.btn-secondary-02-light-700.outline:active {
    background-color: #cc9700;
    color: #fff !important;
    border: 1px solid #cc9700 !important;
}
.btn-secondary-02-light-800.outline:hover,
.btn-secondary-02-light-800.outline:focus,
.btn-secondary-02-light-800.outline:active {
    background-color: #ac7f00;
    color: #fff !important;
    border: 1px solid #ac7f00 !important;
}
.btn-secondary-02-light-900.outline:hover,
.btn-secondary-02-light-900.outline:focus,
.btn-secondary-02-light-900.outline:active {
    background-color: #775800;
    color: #fff !important;
    border: 1px solid #775800 !important;
}
.btn-secondary-02-dark-100.outline:hover,
.btn-secondary-02-dark-100.outline:focus,
.btn-secondary-02-dark-100.outline:active {
    background-color: #775800;
    color: #fff !important;
    border: 1px solid #775800 !important;
}
.btn-secondary-02-dark-200.outline:hover,
.btn-secondary-02-dark-200.outline:focus,
.btn-secondary-02-dark-200.outline:active {
    background-color: #ac7f00;
    color: #fff !important;
    border: 1px solid #ac7f00 !important;
}
.btn-secondary-02-dark-300.outline:hover,
.btn-secondary-02-dark-300.outline:focus,
.btn-secondary-02-dark-300.outline:active {
    background-color: #cc9700;
    color: #fff !important;
    border: 1px solid #cc9700 !important;
}
.btn-secondary-02-dark-400.outline:hover,
.btn-secondary-02-dark-400.outline:focus,
.btn-secondary-02-dark-400.outline:active {
    background-color: #eaad00;
    color: #fff !important;
    border: 1px solid #eaad00 !important;
}
.btn-secondary-02-dark-500.outline:hover,
.btn-secondary-02-dark-500.outline:focus,
.btn-secondary-02-dark-500.outline:active {
    background-color: #ffbf09;
    color: #fff !important;
    border: 1px solid #ffbf09 !important;
}
.btn-secondary-02-dark-600.outline:hover,
.btn-secondary-02-dark-600.outline:focus,
.btn-secondary-02-dark-600.outline:active {
    background-color: #ffce42;
    color: #fff !important;
    border: 1px solid #ffce42 !important;
}
.btn-secondary-02-dark-700.outline:hover,
.btn-secondary-02-dark-700.outline:focus,
.btn-secondary-02-dark-700.outline:active {
    background-color: #ffde80;
    color: #fff !important;
    border: 1px solid #ffde80 !important;
}
.btn-secondary-02-dark-800.outline:hover,
.btn-secondary-02-dark-800.outline:focus,
.btn-secondary-02-dark-800.outline:active {
    background-color: #ffebb1;
    color: #fff !important;
    border: 1px solid #ffebb1 !important;
}
.btn-secondary-02-dark-900.outline:hover,
.btn-secondary-02-dark-900.outline:focus,
.btn-secondary-02-dark-900.outline:active {
    background-color: #fff6de;
    color: #fff !important;
    border: 1px solid #fff6de !important;
}
.btn-success-light-100.outline:hover,
.btn-success-light-100.outline:focus,
.btn-success-light-100.outline:active {
    background-color: #9cffb6;
    color: #fff !important;
    border: 1px solid #9cffb6 !important;
}
.btn-success-light-200.outline:hover,
.btn-success-light-200.outline:focus,
.btn-success-light-200.outline:active {
    background-color: #00a925;
    color: #fff !important;
    border: 1px solid #00a925 !important;
}
.btn-success-dark-100.outline:hover,
.btn-success-dark-100.outline:focus,
.btn-success-dark-100.outline:active {
    background-color: #9cffb6;
    color: #fff !important;
    border: 1px solid #9cffb6 !important;
}
.btn-success-dark-200.outline:hover,
.btn-success-dark-200.outline:focus,
.btn-success-dark-200.outline:active {
    background-color: #00a925;
    color: #fff !important;
    border: 1px solid #00a925 !important;
}
.btn-warning-light-100.outline:hover,
.btn-warning-light-100.outline:focus,
.btn-warning-light-100.outline:active {
    background-color: #ffb84f;
    color: #fff !important;
    border: 1px solid #ffb84f !important;
}
.btn-warning-light-200.outline:hover,
.btn-warning-light-200.outline:focus,
.btn-warning-light-200.outline:active {
    background-color: #ff9900;
    color: #fff !important;
    border: 1px solid #ff9900 !important;
}
.btn-warning-dark-100.outline:hover,
.btn-warning-dark-100.outline:focus,
.btn-warning-dark-100.outline:active {
    background-color: #ffb84f;
    color: #fff !important;
    border: 1px solid #ffb84f !important;
}
.btn-warning-dark-200.outline:hover,
.btn-warning-dark-200.outline:focus,
.btn-warning-dark-200.outline:active {
    background-color: #ff9900;
    color: #fff !important;
    border: 1px solid #ff9900 !important;
}





.btn-basic-dark-100:hover {
	color: #fff !important;
}
.btn-basic-dark-200:hover {
	color: #fff !important;
}
.btn-basic-dark-300:hover {
	color: #fff !important;
}
.btn-basic-dark-400:hover {
	color: #fff !important;
}
.btn-basic-dark-500:hover {
	color: #fff !important;
}
.btn-basic-dark-600:hover {
	color: #032949 !important;
}
.btn-basic-dark-700:hover {
	color: #032949 !important;
}
.btn-basic-dark-800:hover {
	color: #032949 !important;
}
.btn-basic-dark-900:hover {
	color: #032949 !important;
}
.btn-basic-light-100:hover {
	background-color: var(--basic-light-200);
    color: var(--basic-light-100);
}
.btn-basic-light-200:hover {
    background-color: var(--basic-light-300);
    color: var(--basic-light-100);
}
.btn-basic-light-300:hover {
    background-color: var(--basic-light-400);
    color: var(--basic-light-100);
}
.btn-basic-light-400:hover {
    background-color: var(--basic-light-500);
    color: var(--basic-light-100);
}
.btn-basic-light-500:hover {
    background-color: var(--basic-light-600);
    color: var(--basic-light-100);
}
.btn-basic-light-600:hover {
    background-color: var(--basic-light-700);
    color: var(--basic-light-100);
}
.btn-basic-light-700:hover {
    background-color: var(--basic-light-800);
    color: var(--basic-light-100);
}
.btn-basic-light-800:hover {
    background-color: var(--basic-light-900);
    color: var(--basic-light-900);
}
.btn-basic-light-900:hover {
    background-color: var(--basic-light-800);
    color: var(--basic-light-100);
}
.btn-error-light-100:hover {
	background-color: var(--primary-02-light-200);
    color: var(--basic-light-100);
}
.btn-error-light-200:hover {
	background-color: var(v);
    color: var(--basic-light-900);
}
.btn-error-dark-100:hover {
	background-color: var(--error-dark-200);
}
.btn-error-dark-200:hover {
	background-color: var(--error-dark-100);
}
.btn-information-dark-100:hover {
	background-color: var(--information-dark-200);
}
.btn-information-dark-200:hover {
	background-color: var(--information-dark-100);
}
.btn-information-light-100:hover {
	background-color: var(--information-light-200);
}
.btn-information-light-200:hover {
	background-color: var(--information-light-100);
}
.btn-primary-01-light-100:hover {
	background-color: var(--primary-01-light-200);
}
.btn-primary-01-light-200:hover {
	background-color: var(--primary-01-light-300);
}
.btn-primary-01-light-300:hover {
	background-color: var(--primary-01-light-400);
}
.btn-primary-01-light-400:hover {
	background-color: var(--primary-01-light-500);
}
.btn-primary-01-light-500:hover {
	background-color: var(--primary-01-light-600);
}
.btn-primary-01-light-600:hover {
	background-color: var(--primary-01-light-700);
}
.btn-primary-01-light-700:hover {
	background-color: var(--primary-01-light-800);
}
.btn-primary-01-light-800:hover {
	background-color: var(--primary-01-light-900);
}
.btn-primary-01-light-900:hover {
	background-color: var(--primary-02-light-800);
}
.btn-primary-01-dark-100:hover {
	background-color: var(--primary-01-dark-200);
}
.btn-primary-01-dark-200:hover {
	background-color: var(--primary-01-dark-300);
}
.btn-primary-01-dark-300:hover {
	background-color: var(--primary-01-dark-400);
}
.btn-primary-01-dark-400:hover {
	background-color: var(--primary-01-dark-500);
}
.btn-primary-01-dark-500:hover {
	background-color: var(--primary-01-dark-600);
}
.btn-primary-01-dark-600:hover {
	background-color: var(--primary-01-dark-700);
}
.btn-primary-01-dark-700:hover {
	background-color: var(--primary-01-dark-800);
}
.btn-primary-01-dark-800:hover {
	background-color: var(--primary-01-dark-900);
}
.btn-primary-01-dark-900:hover {
	background-color: var(--primary-01-light-800);
}
.btn-primary-02-dark-100:hover {
	background-color: var(--primary-02-light-200);
}
.btn-primary-02-dark-200:hover {
	background-color: var(--primary-02-light-300);
}
.btn-primary-02-dark-300:hover {
	background-color: var(--primary-02-light-400);
}
.btn-primary-02-dark-400:hover {
	background-color: var(--primary-02-light-500);
}
.btn-primary-02-dark-500:hover {
	background-color: var(--primary-02-light-600);
}
.btn-primary-02-dark-600:hover {
	background-color: var(--primary-02-light-700);
}
.btn-primary-02-dark-700:hover {
	background-color: var(--primary-02-light-800);
}
.btn-primary-02-dark-800:hover {
	background-color: var(--primary-02-light-900);
}
.btn-primary-02-dark-900:hover {
	background-color: var(--primary-02-light-100);
}
.btn-primary-02-light-100:hover {
	background-color: var(--primary-02-light-200);
}
.btn-primary-02-light-200:hover {
	background-color: var(--primary-02-light-300);
}
.btn-primary-02-light-300:hover {
	background-color: var(--primary-02-light-400);
}
.btn-primary-02-light-400:hover {
	background-color: var(--primary-02-light-600);
}
.btn-primary-02-light-500:hover {
    background-color: var(--primary-02-light-600);
}
.btn-primary-02-light-600:hover {
	background: var(--primary-02-light-700);
	color: #fff !important;
}
.btn-primary-02-light-700:hover {
	color: #fff !important;
}
.btn-primary-02-light-800:hover {
	color: #fff !important;
}
.btn-primary-02-light-900:hover {
	color: #fff !important;
}
.btn-secondary-01-light-100:hover {
	color: #fff !important;
}
.btn-secondary-01-light-200:hover {
	color: #fff !important;
}
.btn-secondary-01-light-300:hover {
	color: #fff !important;
}
.btn-secondary-01-light-400:hover {
	color: #fff !important;
}
.btn-secondary-01-light-500:hover {
	color: #fff !important;
}
.btn-secondary-01-light-600:hover {
	color: #fff !important;
}
.btn-secondary-01-light-700:hover {
	color: #fff !important;
}
.btn-secondary-01-light-800:hover {
	color: #fff !important;
}
.btn-secondary-01-light-900:hover {
	color: #fff !important;
}
.btn-secondary-01-dark-100:hover {
	color: #fff !important;
}
.btn-secondary-01-dark-200:hover {
	color: #fff !important;
}
.btn-secondary-01-dark-300:hover {
	color: #fff !important;
}
.btn-secondary-01-dark-400:hover {
	color: #fff !important;
}
.btn-secondary-01-dark-500:hover {
	color: #fff !important;
}
.btn-secondary-01-dark-600:hover {
	color: #fff !important;
}
.btn-secondary-01-dark-700:hover {
	color: #fff !important;
}
.btn-secondary-01-dark-800:hover {
	color: #fff !important;
}
.btn-secondary-01-dark-900:hover {
	color: #fff !important;
}
.btn-secondary-02-light-100:hover {
	color: #fff !important;
}
.btn-secondary-02-light-200:hover {
	color: #fff !important;
}
.btn-secondary-02-light-300:hover {
	color: #fff !important;
}
.btn-secondary-02-light-400:hover {
	color: #fff !important;
}
.btn-secondary-02-light-500:hover {
	color: #fff !important;
}
.btn-secondary-02-light-600:hover {
	color: #fff !important;
}
.btn-secondary-02-light-700:hover {
	color: #fff !important;
}
.btn-secondary-02-light-800:hover {
	color: #fff !important;
}
.btn-secondary-02-light-900:hover {
	color: #fff !important;
}
.btn-secondary-02-dark-100:hover {
	color: #fff !important;
}
.btn-secondary-02-dark-200:hover {
	color: #fff !important;
}
.btn-secondary-02-dark-300:hover {
	color: #fff !important;
}
.btn-secondary-02-dark-400:hover {
	color: #fff !important;
}
.btn-secondary-02-dark-500:hover {
	color: #fff !important;
}
.btn-secondary-02-dark-600:hover {
	color: #fff !important;
}
.btn-secondary-02-dark-700:hover {
	color: #fff !important;
}
.btn-secondary-02-dark-800:hover {
	color: #fff !important;
}
.btn-secondary-02-dark-900:hover {
	color: #fff !important;
}
.btn-success-light-100:hover {
	color: #fff !important;
}
.btn-success-light-200:hover {
	color: #fff !important;
}
.btn-success-dark-100:hover {
	color: #fff !important;
}
.btn-success-dark-200:hover {
	color: #fff !important;
}
.btn-warning-light-100:hover {
	color: #fff !important;
}
.btn-warning-light-200:hover {
	color: #fff !important;
}
.btn-warning-dark-100:hover {
	color: #fff !important;
}
.btn-warning-dark-200:hover {
	color: #fff !important;
}





.btn-basic-dark-100:focus {
	color: #fff !important;
  }
  .btn-basic-dark-200:focus {
	color: #fff !important;
  }
  .btn-basic-dark-300:focus {
	color: #fff !important;
  }
  .btn-basic-dark-400:focus {
	color: #fff !important;
  }
  .btn-basic-dark-500:focus {
	color: #fff !important;
  }
  .btn-basic-dark-600:focus {
	color: #032949 !important;
  }
  .btn-basic-dark-700:focus {
	color: #032949 !important;
  }
  .btn-basic-dark-800:focus {
	color: #032949 !important;
  }
  .btn-basic-dark-900:focus {
	color: #032949 !important;
  }
  .btn-basic-light-100:focus {
	color: #032949 !important;
  }
  .btn-basic-light-200:focus {
	color: #032949 !important;
  }
  .btn-basic-light-300:focus {
	color: #032949 !important;
  }
  .btn-basic-light-400:focus {
	color: #032949 !important;
  }
  .btn-basic-light-500:focus {
	color: #fff !important;
  }
  .btn-basic-light-600:focus {
	color: #fff !important;
  }
  .btn-basic-light-700:focus {
	color: #fff !important;
  }
  .btn-basic-light-800:focus {
	color: #fff !important;
  }
  .btn-basic-light-900:focus {
	color: #fff !important;
  }
  .btn-error-light-100:focus {
	color: #fff !important;
  }
  .btn-error-light-200:focus {
	color: #fff !important;
  }
  .btn-error-dark-100:focus {
	color: #fff !important;
  }
  .btn-error-dark-200:focus {
	color: #fff !important;
  }
  .btn-information-dark-100:focus {
	color: #fff !important;
  }
  .btn-information-dark-200:focus {
	color: #fff !important;
  }
  .btn-information-light-100:focus {
	color: #fff !important;
  }
  .btn-information-light-200:focus {
	color: #fff !important;
  }
  .btn-primary-01-light-100:focus {
	color: #fff !important;
  }
  .btn-primary-01-light-200:focus {
	color: #fff !important;
  }
  .btn-primary-01-light-300:focus {
	color: #fff !important;
  }
  .btn-primary-01-light-400:focus {
	color: #fff !important;
  }
  .btn-primary-01-light-500:focus {
	color: #fff !important;
  }
  .btn-primary-01-light-600:focus {
	color: #fff !important;
  }
  .btn-primary-01-light-700:focus {
	color: #fff !important;
  }
  .btn-primary-01-light-800:focus {
	color: #fff !important;
  }
  .btn-primary-01-light-900:focus {
	color: #fff !important;
  }
  .btn-primary-01-dark-100:focus {
	color: #fff !important;
  }
  .btn-primary-01-dark-200:focus {
	color: #fff !important;
  }
  .btn-primary-01-dark-300:focus {
	color: #fff !important;
  }
  .btn-primary-01-dark-400:focus {
	color: #fff !important;
  }
  .btn-primary-01-dark-500:focus {
	color: #fff !important;
  }
  .btn-primary-01-dark-600:focus {
	color: #fff !important;
  }
  .btn-primary-01-dark-700:focus {
	color: #fff !important;
  }
  .btn-primary-01-dark-800:focus {
	color: #fff !important;
  }
  .btn-primary-01-dark-900:focus {
	color: #fff !important;
  }
  .btn-primary-02-dark-100:focus {
	color: #fff !important;
  }
  .btn-primary-02-dark-200:focus {
	color: #fff !important;
  }
  .btn-primary-02-dark-300:focus {
	color: #fff !important;
  }
  .btn-primary-02-dark-400:focus {
	color: #fff !important;
  }
  .btn-primary-02-dark-500:focus {
	color: #fff !important;
  }
  .btn-primary-02-dark-600:focus {
	color: #fff !important;
  }
  .btn-primary-02-dark-700:focus {
	color: #fff !important;
  }
  .btn-primary-02-dark-800:focus {
	color: #fff !important;
  }
  .btn-primary-02-dark-900:focus {
	color: #fff !important;
  }
  .btn-primary-02-light-100:focus {
	color: #fff !important;
  }
  .btn-primary-02-light-200:focus {
	color: #fff !important;
  }
  .btn-primary-02-light-300:focus {
	color: #fff !important;
  }
  .btn-primary-02-light-400:focus {
	color: #fff !important;
  }
  .btn-primary-02-light-500:focus {
	color: var(--basic-light-900);
  }
  .btn-primary-02-light-600:focus {
	color: #fff !important;
  }
  .btn-primary-02-light-700:focus {
	color: #fff !important;
  }
  .btn-primary-02-light-800:focus {
	color: #fff !important;
  }
  .btn-primary-02-light-900:focus {
	color: #fff !important;
  }
  .btn-secondary-01-light-100:focus {
	color: #fff !important;
  }
  .btn-secondary-01-light-200:focus {
	color: #fff !important;
  }
  .btn-secondary-01-light-300:focus {
	color: #fff !important;
  }
  .btn-secondary-01-light-400:focus {
	color: #fff !important;
  }
  .btn-secondary-01-light-500:focus {
	color: #fff !important;
  }
  .btn-secondary-01-light-600:focus {
	color: #fff !important;
  }
  .btn-secondary-01-light-700:focus {
	color: #fff !important;
  }
  .btn-secondary-01-light-800:focus {
	color: #fff !important;
  }
  .btn-secondary-01-light-900:focus {
	color: #fff !important;
  }
  .btn-secondary-01-dark-100:focus {
	color: #fff !important;
  }
  .btn-secondary-01-dark-200:focus {
	color: #fff !important;
  }
  .btn-secondary-01-dark-300:focus {
	color: #fff !important;
  }
  .btn-secondary-01-dark-400:focus {
	color: #fff !important;
  }
  .btn-secondary-01-dark-500:focus {
	color: #fff !important;
  }
  .btn-secondary-01-dark-600:focus {
	color: #fff !important;
  }
  .btn-secondary-01-dark-700:focus {
	color: #fff !important;
  }
  .btn-secondary-01-dark-800:focus {
	color: #fff !important;
  }
  .btn-secondary-01-dark-900:focus {
	color: #fff !important;
  }
  .btn-secondary-02-light-100:focus {
	color: #fff !important;
  }
  .btn-secondary-02-light-200:focus {
	color: #fff !important;
  }
  .btn-secondary-02-light-300:focus {
	color: #fff !important;
  }
  .btn-secondary-02-light-400:focus {
	color: #fff !important;
  }
  .btn-secondary-02-light-500:focus {
	color: #fff !important;
  }
  .btn-secondary-02-light-600:focus {
	color: #fff !important;
  }
  .btn-secondary-02-light-700:focus {
	color: #fff !important;
  }
  .btn-secondary-02-light-800:focus {
	color: #fff !important;
  }
  .btn-secondary-02-light-900:focus {
	color: #fff !important;
  }
  .btn-secondary-02-dark-100:focus {
	color: #fff !important;
  }
  .btn-secondary-02-dark-200:focus {
	color: #fff !important;
  }
  .btn-secondary-02-dark-300:focus {
	color: #fff !important;
  }
  .btn-secondary-02-dark-400:focus {
	color: #fff !important;
  }
  .btn-secondary-02-dark-500:focus {
	color: #fff !important;
  }
  .btn-secondary-02-dark-600:focus {
	color: #fff !important;
  }
  .btn-secondary-02-dark-700:focus {
	color: #fff !important;
  }
  .btn-secondary-02-dark-800:focus {
	color: #fff !important;
  }
  .btn-secondary-02-dark-900:focus {
	color: #fff !important;
  }
  .btn-success-light-100:focus {
	color: #fff !important;
  }
  .btn-success-light-200:focus {
	color: #fff !important;
  }
  .btn-success-dark-100:focus {
	color: #fff !important;
  }
  .btn-success-dark-200:focus {
	color: #fff !important;
  }
  .btn-warning-light-100:focus {
	color: #fff !important;
  }
  .btn-warning-light-200:focus {
	color: #fff !important;
  }
  .btn-warning-dark-100:focus {
	color: #fff !important;
  }
  .btn-warning-dark-200:focus {
	color: #fff !important;
  }








.btn-basic-dark-100 {
    color: #fff !important;
}
.btn-basic-dark-200 {
    color: #fff !important;
}
.btn-basic-dark-300 {
    color: #fff !important;
}
.btn-basic-dark-400 {
    color: #fff !important;
}
.btn-basic-dark-500 {
    color: #fff !important;
}
.btn-basic-dark-600 {
    color: #032949 !important;
}
.btn-basic-dark-700 {
    color: #032949 !important;
}
.btn-basic-dark-800 {
    color: #032949 !important;
}
.btn-basic-dark-900 {
    color: #032949 !important;
}
.btn-basic-light-100 {
    color: #032949 !important;
}
.btn-basic-light-200 {
    color: #fff !important;
}
.btn-basic-light-300 {
    color: var(--basic-light-600) !important;
}
.btn-basic-light-400 {
    color: #fff !important;
}
.btn-basic-light-500 {
    color: #fff !important;
}
.btn-basic-light-600 {
    color: #fff !important;
}
.btn-basic-light-700 {
    color: #fff !important;
}
.btn-basic-light-800 {
    color: #fff !important;
}
.btn-basic-light-900 {
    color: #fff !important;
}
.btn-error-light-100 {
    color: #fff !important;
}
.btn-error-light-200 {
    color: #fff !important;
}
.btn-error-dark-100 {
    color: #fff !important;
}
.btn-error-dark-200 {
    color: #fff !important;
}
.btn-information-dark-100 {
    color: #fff !important;
}
.btn-information-dark-200 {
    color: #fff !important;
}
.btn-information-light-100 {
    color: #fff !important;
}
.btn-information-light-200 {
    color: #fff !important;
}
.btn-primary-01-light-100 {
    color: #fff !important;
}
.btn-primary-01-light-200 {
    color: #fff !important;
}
.btn-primary-01-light-300 {
    color: #fff !important;
}
.btn-primary-01-light-400 {
    color: #fff !important;
}
.btn-primary-01-light-500 {
    color: #fff !important;
}
.btn-primary-01-light-600 {
    color: #fff !important;
}
.btn-primary-01-light-700 {
    color: #fff !important;
}
.btn-primary-01-light-800 {
    color: #fff !important;
}
.btn-primary-01-light-900 {
    color: #fff !important;
}
.btn-primary-01-dark-100 {
    color: #fff !important;
}
.btn-primary-01-dark-200 {
    color: #fff !important;
}
.btn-primary-01-dark-300 {
    color: #fff !important;
}
.btn-primary-01-dark-400 {
    color: #fff !important;
}
.btn-primary-01-dark-500 {
    color: #fff !important;
}
.btn-primary-01-dark-600 {
    color: #fff !important;
}
.btn-primary-01-dark-700 {
    color: #fff !important;
}
.btn-primary-01-dark-800 {
    color: #fff !important;
}
.btn-primary-01-dark-900 {
    color: #fff !important;
}
.btn-primary-02-dark-100 {
    color: #fff !important;
}
.btn-primary-02-dark-200 {
    color: #fff !important;
}
.btn-primary-02-dark-300 {
    color: #fff !important;
}
.btn-primary-02-dark-400 {
    color: #fff !important;
}
.btn-primary-02-dark-500 {
    color: #fff !important;
}
.btn-primary-02-dark-600 {
    color: #fff !important;
}
.btn-primary-02-dark-700 {
    color: #fff !important;
}
.btn-primary-02-dark-800 {
    color: #fff !important;
}
.btn-primary-02-dark-900 {
    color: #fff !important;
}
.btn-primary-02-light-100 {
    color: #fff !important;
}
.btn-primary-02-light-200 {
    color: #fff !important;
}
.btn-primary-02-light-300 {
    color: #fff !important;
}
.btn-primary-02-light-400 {
    color: #fff !important;
}
.btn-primary-02-light-500 {
    color: var(--basic-light-900) !important;
}
.btn-primary-02-light-600 {
    color: #fff !important;
}
.btn-primary-02-light-700 {
    color: #fff !important;
}
.btn-primary-02-light-800 {
    color: #fff !important;
}
.btn-primary-02-light-900 {
    color: #fff !important;
}
.btn-secondary-01-light-100 {
    color: #fff !important;
}
.btn-secondary-01-light-200 {
    color: #fff !important;
}
.btn-secondary-01-light-300 {
    color: #fff !important;
}
.btn-secondary-01-light-400 {
    color: #fff !important;
}
.btn-secondary-01-light-500 {
    color: #fff !important;
}
.btn-secondary-01-light-600 {
    color: #fff !important;
}
.btn-secondary-01-light-700 {
    color: #fff !important;
}
.btn-secondary-01-light-800 {
    color: #fff !important;
}
.btn-secondary-01-light-900 {
    color: #fff !important;
}
.btn-secondary-01-dark-100 {
    color: #fff !important;
}
.btn-secondary-01-dark-200 {
    color: #fff !important;
}
.btn-secondary-01-dark-300 {
    color: #fff !important;
}
.btn-secondary-01-dark-400 {
    color: #fff !important;
}
.btn-secondary-01-dark-500 {
    color: #fff !important;
}
.btn-secondary-01-dark-600 {
    color: #fff !important;
}
.btn-secondary-01-dark-700 {
    color: #fff !important;
}
.btn-secondary-01-dark-800 {
    color: #fff !important;
}
.btn-secondary-01-dark-900 {
    color: #fff !important;
}
.btn-secondary-02-light-100 {
    color: #fff !important;
}
.btn-secondary-02-light-200 {
    color: #fff !important;
}
.btn-secondary-02-light-300 {
    color: #fff !important;
}
.btn-secondary-02-light-400 {
    color: #fff !important;
}
.btn-secondary-02-light-500 {
    color: #fff !important;
}
.btn-secondary-02-light-600 {
    color: #fff !important;
}
.btn-secondary-02-light-700 {
    color: #fff !important;
}
.btn-secondary-02-light-800 {
    color: #fff !important;
}
.btn-secondary-02-light-900 {
    color: #fff !important;
}
.btn-secondary-02-dark-100 {
    color: #fff !important;
}
.btn-secondary-02-dark-200 {
    color: #fff !important;
}
.btn-secondary-02-dark-300 {
    color: #fff !important;
}
.btn-secondary-02-dark-400 {
    color: #fff !important;
}
.btn-secondary-02-dark-500 {
    color: #fff !important;
}
.btn-secondary-02-dark-600 {
    color: #fff !important;
}
.btn-secondary-02-dark-700 {
    color: #fff !important;
}
.btn-secondary-02-dark-800 {
    color: #fff !important;
}
.btn-secondary-02-dark-900 {
    color: #fff !important;
}
.btn-success-light-100 {
    color: #fff !important;
}
.btn-success-light-200 {
    color: #fff !important;
}
.btn-success-dark-100 {
    color: #fff !important;
}
.btn-success-dark-200 {
    color: #fff !important;
}
.btn-warning-light-100 {
    color: #fff !important;
}
.btn-warning-light-200 {
    color: #fff !important;
}
.btn-warning-dark-100 {
    color: #fff !important;
}
.btn-warning-dark-200 {
    color: #fff !important;
}



.btn-dots {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.btn-dots span {
    white-space: initial;
}

.btn-dots:disabled span {
    visibility: hidden;
    opacity: 0;
}

.btn-dots .dots-design-system {
    display: none;
}

.btn-dots:disabled .dots-design-system {
    display: block;
    position: absolute;
}

.btn-dots:disabled {
    opacity: 1;
}

.btn-dots.btn-primary-02-light-500:disabled {
    background-color: var(--primary-02-light-500);
}

.btn-dots.btn-basic-light-800:disabled {
    background-color: var(--basic-light-800);
}


.btn-dots.btn-basic-light-800:disabled .dots-design-system {
    background: radial-gradient(circle closest-side, var(--basic-light-100) 90%, #0000) 0% 50%, radial-gradient(circle closest-side, var(--basic-light-100) 90%, #0000) 50% 50%, radial-gradient(circle closest-side, var(--basic-light-100) 90%, #0000) 100% 50%;
    background-size: calc(100% / 3) 12px;
    background-repeat: no-repeat;
}

.btn-dots.btn-basic-light-900:disabled {
    background-color: var(--basic-light-900);
}

.btn-dots.btn-basic-light-900:disabled .dots-design-system {
    background: radial-gradient(circle closest-side, var(--basic-light-100) 90%, #0000) 0% 50%, radial-gradient(circle closest-side, var(--basic-light-100) 90%, #0000) 50% 50%, radial-gradient(circle closest-side, var(--basic-light-100) 90%, #0000) 100% 50%;
    background-size: calc(100% / 3) 12px;
    background-repeat: no-repeat;
}