:root {
	--vinnshop-btn-radius: 999px;
	--vinnshop-btn-padding: 12px 24px;
	--vinnshop-btn-padding-mobile: 8px 20px;
	--vinnshop-btn-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

	/* Light variant */
	--vinnshop-btn-light-bg: #D1E8FF;
	--vinnshop-btn-light-color: #1B1B1D;
	--vinnshop-btn-light-bg-hover: #9BD2FF;
	--vinnshop-btn-light-bg-focus: #D1E8FF;
	--vinnshop-btn-light-bg-active: #EBF5FF;
	--vinnshop-btn-light-focus-ring: #0078A9;

	/* Dark variant */
	--vinnshop-btn-dark-bg: #2B3439;
	--vinnshop-btn-dark-color: #F0F1F1;
	--vinnshop-btn-dark-bg-hover: #54636B;
	--vinnshop-btn-dark-bg-focus: #2B3439;
	--vinnshop-btn-dark-bg-active: #8399A5;
	--vinnshop-btn-dark-focus-ring: #2B3439;

	/* Disabled */
	--vinnshop-btn-disabled-bg: #C9CACC;
	--vinnshop-btn-disabled-color: #1B1B1D;

	/* Arrow */
	--vinnshop-btn-arrow-icon: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_468_754)"><path d="M0.597656 9L17.9998 9" stroke="%231B1B1D" stroke-width="1.4" stroke-miterlimit="10"/><path d="M11.1202 0.0754395C11.1202 0.0754395 10.749 6.19292 17.6518 8.93698" stroke="%231B1B1D" stroke-width="1.4" stroke-miterlimit="10"/><path d="M11.1202 17.9245C11.1202 17.9245 10.749 11.807 17.6518 9.06299" stroke="%231B1B1D" stroke-width="1.4" stroke-miterlimit="10"/></g><defs><clipPath id="clip0_468_754"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>');
	--vinnshop-btn-arrow-padding: 12px 58px 12px 24px;
	--vinnshop-btn-arrow-padding-mobile: 8px 54px 8px 20px;
}