#refer-a-friend {

	td {
		padding: 0;
	}

	h2, .yotpo-share-buttons-wrapper {
		display: none;
	}

	.yotpo-tile-wrapper {
		padding: 30px;
		border: 1px solid #000;
		height: auto;
	}

	.yotpo-friends-emails-view, .yotpo-customer-email-view {
		justify-content: center;
	}

	.yotpo-email-view {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	.yotpo-center-container {
		background-color: #F2EADB !important;
		padding: 90px 30px;
	}

	.yotpo-header-text {
		text-transform: uppercase;
		font-family: "Gotham" !important;
		font-style: normal !important;
		font-weight: 500;
		font-size: 16px !important;
	}

	#yotpoReferralTitleText {
		padding: 0;
		font-size: 45px !important;
	}

	#yotpoReferralDescriptionText {
		font-family: "Gotham" !important;
		font-style: normal !important;
		font-weight: 400;
		font-size: 18px !important;
	}

	.yotpo-referral-widget-form {
		flex-direction: column;
		align-items: center;
		gap: 30px;
		@media (max-width: 1024px) {
			margin: 10px auto 0;
		}
	}

	.yotpo-inputs-container, .yotpo-input-container, .yotpo-input {
		width: 100% !important;
	}
	.yotpo-input {
		border-color: #9C9C9C !important;
		padding: 20px 15px;
		text-transform: capitalize;
		font-family: "Gotham" !important;
		font-style: normal !important;
		font-weight: 500;
		font-size: 16px !important;
		color: #9C9C9C !important;
	}
	.yotpo-input-label {
		font-family: "Gotham" !important;
		font-style: normal !important;
		font-weight: 400;
		font-size: 14px !important;
		margin-bottom: 5px;
		text-transform: capitalize;
	}
	.yotpo-input-example {
		display: none;
	}

	.yotpo-button-style {
		width: 100%;
    	min-width: 70%;
		padding: 25px;
	}
	.yotpo-widget-button-text {
		text-transform: uppercase;
		font-family: "Gotham" !important;
		font-style: normal !important;
		font-weight: 500;
		font-size: 16px !important;
	}
	.yotpo-copy-text {
		font-family: "Gotham" !important;
		font-style: normal !important;
		font-weight: 500;
		font-size: 16px !important;
	}

	.yotpo-center-container {
		background-image: url('/cdn/shop/files/funk-scents-V4_CITRUS-02.png?v=1753300013'), url('/cdn/shop/files/funk-scents-V4_CITRUS-01.png?v=1753300013');
		background-position: right top, left bottom;
		background-repeat: no-repeat, no-repeat;
		background-size: auto;

		@media (max-width: 1024px) {
			background-image: url('/cdn/shop/files/funk-scents-V4_CITRUS-01-mobile.png?v=1753300061'), url('/cdn/shop/files/funk-scents-V4_CITRUS-02-mobile.png?v=1753300061');
			background-position: left top, right bottom;
		}
	}

	.yotpo-final-view {
		margin: 0;
		gap: 10px;
	}
}