@keyframes register_button_animation {
		0% {
			transform: translateX(0);
		}
	
		100% {
			transform: translateX(-730px);
		}
	}
	
	.footer_friend {
		display: flex;
		flex-direction: column;
		width: 404px;
		gap: 20px;
	}
	.footer_title  {
		position: relative;
		width: max-content;
		display: flex;
		align-items: center;
		height: 46px;
		color: white;
		z-index: 1;
		background-color: #ff4130;
		left: -8px;
		padding: 0 8px;
		margin-top: 0;
		margin-bottom: 12px;
		rotate: 0.43deg;
		font-family: "OldschoolGroteskMedium", sans-serif;
		font-size: 2em;
		font-weight: bold;
	}
	.footer_desc {
		font-family: "OldschoolGroteskMedium", sans-serif;
		font-size: 17px;
		line-height: normal;
		font-weight: bold;
	}
	.footer_friend_input {
		display: flex;
		height: 45px;
		gap: 12px;
		align-items: center;
	}
	.footer_friend_register {
		display: flex;
		gap: 2px;
		height: 43px;
		padding: 1px 0;
	}
	.footer_friend_register_arrow {
		display: flex;
		align-items: center;
		padding: 0 13.5px;
		animation: register_arrow_animation 1s ease-in-out 10ms infinite;
	}
	@keyframes register_arrow_animation {
		0% {
			padding: 0 20px 0 7px;
		}
	
		50% {
			padding: 0 9px 0 18px;
		}
	
		100% {
			padding: 0 20px 0 7px;
		}
	}
	
	.footer_friend_register_button {
		padding: 12px 24px;
		background-color: #0209bd;
		border-radius: 42px;
		width: 55px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}
	.p_container {
		font-family: "OldschoolGroteskMedium", sans-serif;
		position: relative;
		overflow: hidden;
		margin: 0 -24px;
	}
	.footer_friend_register_button p {
		font-size: 16px;
		font-weight: 500;
		font-family: "OldschoolGroteskMedium", sans-serif;
		text-align: center;
		color: white;
		white-space: nowrap;
		height: 16px;
		width: 100%;
		animation: register_button_animation 10s linear 10ms infinite;
		line-height: 1;
	}

	.green-underline {
			color: blue;
			text-decoration: underline;
	}
	input.footer_friend_input_form {
		padding: 10px 6px;
		border: none;
		border-bottom: #c2c2c2 2px solid;
		background-color: initial;
		font-size: 12px;
		width: 222px;
		border-radius: 0;
	}

	input.footer_friend_input_form.error {
		border-color: #ff4130;
	}

	input.footer_friend_input_form:focus-visible {
		outline: none;
		border-color: black;
	}

	input.footer_friend_input_form::placeholder {
		color: #717171;
	}

	input.footer_friend_input_form.error::placeholder {
		color: #ff4130;
	}

	input.footer_friend_input_form:disabled::placeholder {
		color: black;
	}