.button{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	min-width:240px;
	min-height:52px;
	padding:0 22px;
	border:1px solid var(--color-red);
	border-radius:3px;
	background:rgba(255,255,255,.88);
	color:var(--color-red);
	font-family:"Oswald",sans-serif;
	font-size:13px;
	letter-spacing:.1em;
	transition:
		color var(--transition),
		background-color var(--transition),
		box-shadow var(--transition),
		transform var(--transition)
}
.button:hover{
	transform:translateY(-2px);
	background:var(--color-red);
	color:var(--color-white);
	box-shadow:0 0 24px rgba(209,26,42,.22)
}
.button-arrow{
	font-size:20px;
	line-height:1;
	transition:transform var(--transition)
}
.button:hover .button-arrow{
	transform:translateX(5px)
}
..button-primary {
    background: var(--color-cyan);
    color: var(--color-bg);
}

.button-primary:hover {
    background: var(--color-white);
	color: var(--color-red);
}

.button-secondary {
    background: rgba(0,0,0,.08);
    color: var(--color-red);
}

.button-secondary:hover {
    background: rgba(155,241,255,.1);
	color: var(--color-red);
}