/**
 * global_link
 * @version	1.0
 * @release	01-04-2021
 * @author	msolowski Marcin Sołowski
 * @website	http://msolowski.pl
 */

.global_link
{
	display: inline-flex;
	font-family: var(--root_font_family);
	font-weight: 700;
	font-size: var(--global_font_size_p);
	color: var(--root_color_lead);
	align-items: center;
	position: relative;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	cursor: pointer;
}

.global_link span
{
/*	letter-spacing: 3px;
	background-image: linear-gradient(to right, var(--global_color_element_hover), var(--global_color_element_hover));
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0 1px;
	display: inline-block;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	padding-bottom: 2px; */
}

.global_link::after
{
	content: '';
	display: block;
	width: 29px;
	height: 20px;
	margin-left: 8px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	pointer-events: none;
	z-index: 1;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='21' viewBox='0 0 30 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.08594 9.78516L25.7441 9.78516' stroke='%2310273A' stroke-width='1.5'/%3e%3cpath d='M18.7656 2.80664L25.7432 9.78425L18.7656 16.7619' stroke='%2310273A' stroke-width='1.5'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
}

.global_link:hover
{
	color: var(--root_color_black);
}

.global_link:hover
{
	color: var(--root_color_lead);
}

.global_link:active
{
/*	transform: scale(0.95, 0.95); */
}

.global_link:hover span
{
/*	background-size: 100% 1px; */
}

.global_link:hover::after
{
	transform: translateX(5px);
}

/**********************************************************************************/

.global_link.gl_after::after
{
	font-family: 'msolowski';
	content: '\e901';
	font-weight: 400;
	display: block;
	margin-left: var(--global_margin_15);
	font-size: 12px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	pointer-events: none;
}

.global_link.gl_after:hover::after
{
	transform: translateX(25%);
}

.global_link.gl_before::before
{
	font-family: 'msolowski';
	content: '\e901';
	font-weight: 400;
	display: block;
	margin-right: var(--global_size_15);
	font-size: var(--global_font_size_p);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
	pointer-events: none;
}

.global_link.gl_before:hover::before
{
	transform: translateX(-25%);
}

/**********************************************************************************/

@media screen and (max-width: 1680px)
{
}

@media screen and (max-width: 1600px)
{
}

@media screen and (max-width: 1440px)
{
}

@media screen and (max-width: 1366px)
{
}

@media screen and (max-width: 1300px)
{
}

@media screen and (max-width: 1200px)
{
}

@media screen and (max-width: 1024px)
{
}

@media screen and (max-width: 800px)
{
}

@media screen and (max-width: 640px)
{
}

@media screen and (max-width: 480px)
{
}

@media screen and (max-width: 360px)
{
}