a.kshama {
	text-decoration: none;
}

header.kshama {
	background: #ba0a1b; 
	padding: 25px 8px;
}

header.kshama > div:first-child,
header.kshama > div:last-child {
	display: none;
}

@media (min-width: 767px) {
	header.kshama > div:last-child {
		display: block;
		opacity: 0;
		transform: translateX(-10px);

		transition: opacity 0.2s ease-out, padding 0.2s ease-out;
	}

	header.kshama:hover > div:last-child {
		opacity: 1;
		padding-left: 10px;
	}

	header.kshama > div:first-child {
		display: block;
		padding: 4px;

		background-color: white;
		color: #ba0a1b;
	}
}