JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet interdum nibh, eget tempus ipsum ultricies quis. Nunc condimentum hendrerit ex ut egestas. Proin maximus facilisis tortor eget ultrices. Etiam volutpat ligula quis porttitor varius. Ut tincidunt mi vel nulla feugiat scelerisque. Mauris quis sem blandit, tempus lacus sed, condimentum nisl. Mauris lectus justo, volutpat et velit sed, efficitur laoreet orci. Mauris eu massa commodo nisi efficitur lobortis a eu nisi. Suspendisse potenti. Sed luctus, massa a pharetra ultricies, ante libero iaculis eros, id sodales mi ligula non massa. In hendrerit neque sit amet metus ullamcorper, id aliquet justo vulputate. Donec fermentum tellus nec finibus interdum. Etiam interdum leo magna, eu gravida purus vulputate nec. Ut lobortis dui non euismod rutrum.

Phasellus id laoreet dolor, eu luctus eros. Aenean tristique ante venenatis lacinia auctor. Suspendisse ac ligula sed metus euismod hendrerit non id lacus. Maecenas a arcu lectus. Donec rhoncus molestie neque eu venenatis. Vestibulum aliquet venenatis nisi at dictum. In luctus nisl fermentum ante sodales, non porttitor lacus consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus efficitur tristique condimentum. Donec turpis libero, blandit ut condimentum vel, dapibus viverra ex. Vivamus non erat nec purus convallis volutpat. Nullam auctor hendrerit magna, a porttitor nisi lobortis vel. Integer id orci non magna hendrerit volutpat non ac orci. Pellentesque ac vehicula tortor, vel egestas diam.

Etiam facilisis tempor velit. Aliquam quis quam sodales, lobortis massa ac, cursus dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec convallis elit et nunc imperdiet, non scelerisque leo efficitur. Proin porttitor ligula diam, non varius enim dignissim nec. Mauris vitae sodales nisl. Sed condimentum luctus tempus. Phasellus nibh lectus, malesuada ut neque a,...

CSS

.go-top {
	position: fixed;
	cursor: pointer;
	bottom: -100px;
	right: 20px;
	color: #fff;
	background-color: #161c2d;
	z-index: 4;
	width: 45px;
	text-align: center;
	height: 45px;
	opacity: 0;
	visibility: hidden;
	border-radius: 50%;
	font-size: 22px;
	-webkit-transition: .3s;
	transition: .3s;
	overflow: hidden;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.go-top i {
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	font-size: 30px;
	margin-left: auto;
	margin-right: auto
}

.go-top.active {
	opacity: 1;
	visibility: visible;
	bottom: 20px;
}

.go-top:hover {
	background-color: #ff5421;
	color: #fff;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
  width:400px;
  height:400px;
  bottom:-150px;
  right:-150px;
}

.content{
  transition:all 0.2s ease;  
}

.blur-content{
  filter:blur(3px);
}

JavaScript

$(document).ready(function(){

$('.go-top').hover(function(){
	$('.content').addClass("blur-content");

},function(){
	$('.content').removeClass("blur-content");

})

})