@import "./shake.css";

:root{
	--angle: 15deg;
}
.action_button{
	border: none;
	cursor: pointer;
	background-color: var(--red);
	transition: var(--transition-normal);
	box-shadow: 0 0 1em 0.2em rgba(0,0,0,0.3);
	padding: 1rem;
	border-radius: var(--radius-pill);
	display: flex;
	justify-content: center;
	align-items: center;
}
.action_button:hover,
.action_button:focus
{
	background-color: var(--nord0);
	transform: scale(1.2,1.2);
	box-shadow: 0 0 1em 0.4em rgba(0,0,0,0.3);
	animation: shake 0.5s ease forwards;
}

.action_button:focus{
	transition: 50ms;
	scale: 0.8 0.8;
}