.content__item {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #000;
}
.link {
    cursor: pointer;
    font-size: 27pt;
    position: relative;
    white-space: nowrap;
}

.link::before,
.link::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
}

.link::before {
    content: '';
    /* show by default */
}

.link--leda {
    overflow: hidden;
    font-size: 27pt;
    line-height: 32pt;
    font-weight: 600;
    font-family: "Unbounded", sans-serif;
}

.link--leda::before {
    height: 4px;
    background: #f50036;
    top: calc(100% - 5px);
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.link--leda:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.link--leda::after {
    content: attr(data-text);
    height: 100%;
    top: 0;
    background: none;
    transform-origin: 100% 50%;
    transform: translate3d(150%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
    color: #757474;
}

.link--leda:hover::after {
    transform: translate3d(0, 0, 0);
}

.link--leda span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
    color: #000;
}

.link--leda:hover span {
    transform: translate3d(-150%, 0, 0);
}


/**********/


/* Page Loader */


.button {
	pointer-events: auto;
	cursor: pointer;
	background: #fff;
	border: none;
    color: #f50036;
	padding: 1rem 2rem;
	margin: 0;
	font-size: inherit;
	position: relative;
	display: inline-block;
    border: 1px solid #f50036;
}

.button::before,
.button::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
a .button--pallene { color: #f50036;}
.button--pallene {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
    font-size: 11pt;
	border-radius: 35px;
	border: 1px solid #f50036;
	box-shadow: inset 0 0 0 0px #f50036;
    letter-spacing: 1pt;
	transition: border-radius 0.4s, box-shadow 0.4s, color 0.4s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.button--pallene:hover {
	color: #fff;
	border-radius: 60%;
	box-shadow: inset 0 0 0 40px #f50036;
	transition-delay: 0s, 0s, 0.2s;
}