/*
 * TOPOSEL Home – Get In Touch, call-to-action band and footer.
 * Scoped under .tsl-home; loaded ONLY on the approved test page.
 *
 * Sizes and colours are ESTIMATES from the reference screenshots
 * (desktop ≈ 1.36 screenshot px per CSS px).
 */

/* ---------- Get In Touch With Us Today ---------- */

.tsl-home .tsl-contact {
	padding: 100px 0;
	border-top: 1px solid #d7d6e0;
}

.tsl-home .tsl-contact__intro strong,
.tsl-home .tsl-contact__intro b {
	color: #2b2d35;
	font-weight: 600;
}

.tsl-home .tsl-contact__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 50px;
	margin-top: 60px;
}

.tsl-home .tsl-contact__card {
	min-height: 382px;
	padding: 40px 30px;
	border-radius: 12px;
}

.tsl-home .tsl-contact__card--info {
	background: #fff;
}

.tsl-home .tsl-contact__card--form {
	background: var(--tsl-color-primary);
	color: #fff;
}

.tsl-home .tsl-contact__title {
	margin: 0 0 22px;
	color: var(--tsl-color-heading);
	font-family: inherit;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
}

.tsl-home .tsl-contact__card--form .tsl-contact__title {
	color: #fff;
}

.tsl-home .tsl-contact__text {
	margin: 0;
	color: var(--tsl-color-text);
	font-size: 17px;
	line-height: 1.45;
}

.tsl-home .tsl-contact__card--form .tsl-contact__text {
	color: #dcd6ff;
}

/* Divider line, then contact rows. */
.tsl-home .tsl-contact__list {
	margin: 36px 0 0;
	padding: 36px 0 0;
	border-top: 1px solid #e5e5ea;
	list-style: none;
}

.tsl-home .tsl-contact__item {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0 0 16px;
}

.tsl-home .tsl-contact__icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	background: #e9e4fb;
	color: var(--tsl-color-primary);
}

/* Mail row: the supplied icon is a filled square, so it sits without the round lavender backdrop. */
.tsl-home .tsl-contact__icon--email {
	background: none;
}

.tsl-home .tsl-contact__icon--email .tsl-contact-icon--mail {
	display: block;
	width: 40px;
	height: auto;
}

.tsl-home .tsl-contact__detail {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.tsl-home .tsl-contact__label {
	color: var(--tsl-color-heading);
	font-size: 20px;
	font-weight: 500;
}

.tsl-home .tsl-contact__value {
	color: var(--tsl-color-text);
	font-size: 17px;
	text-decoration: none;
}

/* Basic, scoped styling for the form plugin's fields inside the indigo card. */
.tsl-home .tsl-contact__form {
	margin-top: 26px;
}

.tsl-home .tsl-contact__form label {
	color: #fff;
}

.tsl-home .tsl-contact__form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.tsl-home .tsl-contact__form select,
.tsl-home .tsl-contact__form textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding: 10px 14px;
	border: 1px solid #d9d9e0;
	border-radius: 4px;
	background: #fff;
	color: #333;
	font: inherit;
	font-size: 16px;
}

/* Contact Form 7 form (same form as the Contact Us page): fields stacked with space between them, pill Submit button. */
.tsl-home .tsl-contact__form .wpcf7 form > p,
.tsl-home .tsl-contact__form .additional-fields > p {
	margin: 0 0 14px;
}

.tsl-home .tsl-contact__form .wpcf7-form-control-wrap {
	display: block;
}

.tsl-home .tsl-contact__form br {
	display: none;
}

.tsl-home .tsl-contact__form textarea {
	min-height: 96px;
	resize: vertical;
}

.tsl-home .tsl-contact__form input[type="submit"],
.tsl-home .tsl-contact__form button[type="submit"] {
	padding: 12px 28px;
	border: 0;
	border-radius: 50px;
	background: #fff;
	color: var(--tsl-color-primary);
	font: inherit;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
}

.tsl-home .tsl-contact__form input[type="submit"]:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.tsl-home .tsl-contact__form .wpcf7-not-valid-tip,
.tsl-home .tsl-contact__form .wpcf7-response-output {
	color: #fff;
	font-size: 14px;
}

.tsl-home .tsl-contact__form .wpcf7-response-output {
	margin: 14px 0 0;
}

/* "I need help with" dropdown (reference: white field, grey placeholder, chevron on the right). */
.tsl-home .tsl-contact__form .tsl-contact__select {
	min-height: 46px;
	padding: 10px 44px 10px 14px;
	border-color: #c9c9d1;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' fill='none' stroke='%23555' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;
	color: #333;
	font-size: 17px;
	line-height: 1.5;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

/* Placeholder choice shown in grey, like the reference. */
.tsl-home .tsl-contact__form .tsl-contact__select:has(option[value=""]:checked) {
	color: #777;
}

.tsl-home .tsl-contact__form .tsl-contact__select option {
	color: #333;
}

.tsl-home .tsl-contact__form .tsl-contact__select:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* ---------- Call-to-action band ---------- */

.tsl-home .tsl-cta {
	--tsl-ring-1: #6c56e6;
	--tsl-ring-2: #6249e3;
	--tsl-ring-3: #583ddf;

	position: relative;
	overflow: hidden;
	padding: 85px 0 80px;
	background: var(--tsl-color-primary);
	color: #fff;
	text-align: center;
}

/* Ring decorations (were background gradients); they drift like the original. */
.tsl-home .tsl-cta__ring {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.tsl-home .tsl-cta__ring--1 {
	top: -290px;
	right: -290px;
	width: 580px;
	height: 580px;
	background: radial-gradient(circle, var(--tsl-ring-1) 0 150px, var(--tsl-ring-2) 150px 220px, var(--tsl-ring-3) 220px 290px, transparent 290px);
	animation: tsl-drift-x 5s ease-in-out infinite;
}

.tsl-home .tsl-cta__ring--2 {
	bottom: -265px;
	left: -265px;
	width: 530px;
	height: 530px;
	background: radial-gradient(circle, var(--tsl-ring-1) 0 110px, var(--tsl-ring-2) 110px 185px, var(--tsl-ring-3) 185px 265px, transparent 265px);
	animation: tsl-drift-y 5s ease-in-out infinite;
}

.tsl-home .tsl-cta__inner {
	position: relative;
}

.tsl-home .tsl-cta__title {
	max-width: 600px;
	margin: 0 auto;
	color: #fff;
}

.tsl-home .tsl-cta__text {
	max-width: 660px;
	margin: 28px auto 0;
	color: #fff;
	font-size: 17px;
	line-height: 1.45;
}

.tsl-home .tsl-cta__buttons {
	display: flex;
	justify-content: center;
	margin-top: 36px;
}

/* Keyboard focus ring must contrast with the indigo backgrounds. */
.tsl-home .tsl-cta a:focus-visible,
.tsl-home .tsl-cta button:focus-visible,
.tsl-home .tsl-contact__card--form a:focus-visible,
.tsl-home .tsl-contact__card--form button:focus-visible {
	outline-color: #fff;
}

/* White pill button with indigo text (and an indigo arrow circle). */
.tsl-home .tsl-btn--light {
	background: #fff;
	color: var(--tsl-color-primary);
}

.tsl-home .tsl-btn--light .tsl-btn__icon-arrow {
	stroke: #fff;
}

/*
 * Button hover/focus colours, sampled from the supplied hover screenshots
 * ("Book a Call" = filled indigo button, "Contact Us" on the CTA band = white
 * button): both turn #2807f2 with white text and a white arrow circle.
 * Touch screens get the colour while pressed (:active) so it never sticks.
 */
.tsl-home .tsl-btn--primary,
.tsl-home .tsl-btn--light {
	transition: background-color 0.3s, color 0.3s;
}

.tsl-home .tsl-btn--primary .tsl-btn__icon,
.tsl-home .tsl-btn--light .tsl-btn__icon,
.tsl-home .tsl-btn--primary .tsl-btn__icon-arrow,
.tsl-home .tsl-btn--light .tsl-btn__icon-arrow {
	transition: color 0.3s, stroke 0.3s;
}

.tsl-home .tsl-btn--primary:focus-visible,
.tsl-home .tsl-btn--primary:active,
.tsl-home .tsl-btn--light:focus-visible,
.tsl-home .tsl-btn--light:active {
	background: #2807f2;
	color: #fff;
}

.tsl-home .tsl-btn--primary:focus-visible .tsl-btn__icon-arrow,
.tsl-home .tsl-btn--primary:active .tsl-btn__icon-arrow,
.tsl-home .tsl-btn--light:focus-visible .tsl-btn__icon-arrow,
.tsl-home .tsl-btn--light:active .tsl-btn__icon-arrow {
	stroke: #2807f2;
}

@media (hover: hover) {
	.tsl-home .tsl-btn--primary:hover,
	.tsl-home .tsl-btn--light:hover {
		background: #2807f2;
		color: #fff;
	}

	.tsl-home .tsl-btn--primary:hover .tsl-btn__icon-arrow,
	.tsl-home .tsl-btn--light:hover .tsl-btn__icon-arrow {
		stroke: #2807f2;
	}
}

/* ---------- Footer ---------- */

.tsl-home .tsl-footer {
	padding: 70px 0 24px;
}

.tsl-home .tsl-footer__grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1.25fr 1.1fr;
	gap: 40px;
}

.tsl-home .tsl-footer__logo {
	display: inline-flex;
	text-decoration: none;
}

.tsl-home .tsl-footer__logo-img {
	display: block;
	width: 65px;
	height: 65px;
	object-fit: contain;
}

.tsl-home .tsl-footer__text {
	max-width: 330px;
	margin: 26px 0 22px;
	color: var(--tsl-color-text);
	font-size: 17px;
	line-height: 1.45;
}

.tsl-home .tsl-footer__social {
	display: flex;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tsl-home .tsl-footer__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #e6e1f7;
	color: var(--tsl-color-primary);
}

.tsl-home .tsl-footer__heading {
	margin: 4px 0 22px;
	color: var(--tsl-color-heading);
	font-family: inherit;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
}

.tsl-home .tsl-footer__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tsl-home .tsl-footer__item {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
}

.tsl-home .tsl-footer__icon {
	display: inline-flex;
	color: var(--tsl-color-primary);
}

.tsl-home .tsl-footer__icon svg {
	width: 17px;
	height: 17px;
}

/* Footer phone icon: its drawing only fills about 82 % of its box, so it is made 21 px to look as big as the
   mail icon (19 x 15 px of ink). Both sit centred in the same 22 px column so the texts line up. */
.tsl-home .tsl-footer__icon {
	justify-content: center;
	min-width: 22px;
}

.tsl-home .tsl-footer__icon svg.tsl-contact-icon {
	width: 21px;
	height: 21px;
}

/* Supplied mail icon (picture, not a line icon): a little larger so it reads at the same weight. */
.tsl-home .tsl-footer__icon .tsl-contact-icon--mail {
	display: block;
	width: 19px;
	height: auto;
}

.tsl-home .tsl-footer__link {
	color: var(--tsl-color-text);
	font-size: 17px;
	line-height: 1.4;
	text-decoration: none;
	transition: color 0.2s ease;
}

/* Hover / keyboard focus: the same TOPOSEL purple (#3f1bc8) and 0.2 s colour fade as the other pages' footers. */
.tsl-home a.tsl-footer__link:focus-visible {
	color: #3f1bc8;
}

@media (hover: hover) {
	.tsl-home a.tsl-footer__link:hover {
		color: #3f1bc8;
	}
}

.tsl-home .tsl-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center; /* The copyright line is the only item and is centred. */
	text-align: center;
	gap: 12px 24px;
	margin-top: 70px;
	padding-top: 16px;
	border-top: 1px solid #e3e2ea;
}

.tsl-home .tsl-footer__copyright {
	margin: 0;
	color: var(--tsl-color-text);
	font-size: 15px;
}

/* Policy links separated by thin vertical lines. */
.tsl-home .tsl-footer__legal .tsl-footer__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.tsl-home .tsl-footer__legal .tsl-footer__item {
	margin: 0;
	padding: 4px 6px;
}

.tsl-home .tsl-footer__legal .tsl-footer__item + .tsl-footer__item {
	border-left: 1px solid #6b6b72;
}

.tsl-home .tsl-footer__legal .tsl-footer__link {
	font-size: 15px;
}

/* ---------- Tablet ---------- */

@media (max-width: 1024px) {
	.tsl-home .tsl-contact {
		padding: 80px 0;
	}

	/* Form card first, cards stacked (reference). */
	.tsl-home .tsl-contact__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 50px;
		margin-top: 50px;
	}

	.tsl-home .tsl-contact__card--form {
		order: -1;
	}

	.tsl-home .tsl-contact__card {
		min-height: 0;
	}

	/* Brand block centred on top, then three centred columns. */
	.tsl-home .tsl-footer__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		text-align: center;
	}

	.tsl-home .tsl-footer__brand {
		grid-column: 1 / -1;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.tsl-home .tsl-footer__text {
		max-width: 560px;
	}

	.tsl-home .tsl-footer__item {
		justify-content: center;
	}

	.tsl-home .tsl-footer__bottom {
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: stretch; /* Full width, so long lines wrap instead of running off screen. */
		margin-top: 40px;
		text-align: center;
	}

	.tsl-home .tsl-footer__copyright {
		text-wrap: balance;
	}

	/*
	 * Policy links as one centred, wrapping line of text with "|" separators
	 * (reference), so no separator line is left dangling at a line start and
	 * no link name is split across lines.
	 */
	.tsl-home .tsl-footer__legal .tsl-footer__list {
		display: block;
		line-height: 1.7;
		text-align: center;
	}

	.tsl-home .tsl-footer__legal .tsl-footer__item {
		display: inline-block; /* Lets the row break between links. */
		padding: 0;
	}

	.tsl-home .tsl-footer__legal .tsl-footer__item + .tsl-footer__item {
		border-left: 0;
	}

	.tsl-home .tsl-footer__legal .tsl-footer__item + .tsl-footer__item::before {
		content: "|";
		margin: 0 6px;
		color: #6b6b72;
	}

	.tsl-home .tsl-footer__legal .tsl-footer__link {
		white-space: nowrap;
	}
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {
	.tsl-home .tsl-contact {
		padding: 70px 0;
	}

	/* Get In Touch (mobile reference): wider cards, smaller type, compact field. */
	.tsl-home .tsl-contact > .tsl-container {
		padding-left: 8px;
		padding-right: 8px;
	}

	.tsl-home .tsl-contact .tsl-section-head .tsl-h2 {
		font-size: 33px;
		line-height: 1.05;
	}

	.tsl-home .tsl-contact__intro {
		margin-top: 22px;
		font-size: 14.5px;
	}

	.tsl-home .tsl-contact__grid {
		gap: 46px;
		margin-top: 48px;
	}

	.tsl-home .tsl-contact__card {
		padding: 24px 18px 30px;
	}

	.tsl-home .tsl-contact__title {
		margin-bottom: 14px;
		font-size: 32px;
	}

	.tsl-home .tsl-contact__text {
		font-size: 14.5px;
		line-height: 1.55;
	}

	.tsl-home .tsl-contact__form {
		margin-top: 18px;
	}

	.tsl-home .tsl-contact__form .tsl-contact__select {
		min-height: 42px;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 15px;
	}

	.tsl-home .tsl-contact__list {
		margin-top: 26px;
		padding-top: 26px;
		border-top-color: #ececf0;
	}

	.tsl-home .tsl-contact__item {
		gap: 14px;
		margin-bottom: 8px;
		padding-left: 12px;
	}

	.tsl-home .tsl-contact__icon {
		width: 36px;
		height: 36px;
	}

	/* The mail row keeps the round lavender backdrop of the reference, with the supplied icon inside it. */
	.tsl-home .tsl-contact__icon--email {
		background: #e9e4fb;
	}

	.tsl-home .tsl-contact__icon--email .tsl-contact-icon--mail {
		width: 17px;
	}

	.tsl-home .tsl-contact__detail {
		gap: 2px;
	}

	.tsl-home .tsl-contact__label {
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.01em;
		text-transform: uppercase;
	}

	.tsl-home .tsl-contact__value {
		font-size: 15px;
	}

	/* Typed line breaks are ignored on small screens. */
	.tsl-home .tsl-br-wide {
		display: none;
	}

	.tsl-home .tsl-cta {
		padding: 70px 0;
	}

	.tsl-home .tsl-cta__title {
		max-width: 340px;
	}

	/* Everything stacked and left-aligned; bottom bar centred. */
	.tsl-home .tsl-footer__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
		text-align: left;
	}

	.tsl-home .tsl-footer__brand {
		align-items: flex-start;
	}

	.tsl-home .tsl-footer__item {
		justify-content: flex-start;
	}

	.tsl-home .tsl-footer__heading {
		font-size: 30px;
	}

	/* Bottom bar (mobile reference; Home, About Us, Contact Us, Compliance, the Services pages, Book a Call and individual blog posts; the shared footer on other pages is unchanged): copyright on one line, policy links as a centred "|" separated text. */
	.tsl-home:not(.tsl-page) .tsl-footer__bottom,
	.tsl-home.tsl-page--about .tsl-footer__bottom,
	.tsl-home.tsl-page--contact .tsl-footer__bottom,
	.tsl-home.tsl-page--compliance .tsl-footer__bottom,
	.tsl-home.tsl-page--services .tsl-footer__bottom,
	.tsl-home.tsl-page--book-call .tsl-footer__bottom,
	.tsl-home.tsl-page--blog-post .tsl-footer__bottom {
		gap: 6px;
		text-align: center;
	}

	.tsl-home:not(.tsl-page) .tsl-footer__copyright,
	.tsl-home.tsl-page--about .tsl-footer__copyright,
	.tsl-home.tsl-page--contact .tsl-footer__copyright,
	.tsl-home.tsl-page--compliance .tsl-footer__copyright,
	.tsl-home.tsl-page--services .tsl-footer__copyright,
	.tsl-home.tsl-page--book-call .tsl-footer__copyright,
	.tsl-home.tsl-page--blog-post .tsl-footer__copyright {
		font-size: clamp(11.5px, 3.6vw, 14px); /* one line on common phone widths */
		text-wrap: wrap;
	}

	.tsl-home:not(.tsl-page) .tsl-footer__legal .tsl-footer__list,
	.tsl-home.tsl-page--about .tsl-footer__legal .tsl-footer__list,
	.tsl-home.tsl-page--contact .tsl-footer__legal .tsl-footer__list,
	.tsl-home.tsl-page--compliance .tsl-footer__legal .tsl-footer__list,
	.tsl-home.tsl-page--services .tsl-footer__legal .tsl-footer__list,
	.tsl-home.tsl-page--book-call .tsl-footer__legal .tsl-footer__list,
	.tsl-home.tsl-page--blog-post .tsl-footer__legal .tsl-footer__list {
		justify-content: center;
		line-height: 1.4;
	}

	.tsl-home:not(.tsl-page) .tsl-footer__legal .tsl-footer__link,
	.tsl-home.tsl-page--about .tsl-footer__legal .tsl-footer__link,
	.tsl-home.tsl-page--contact .tsl-footer__legal .tsl-footer__link,
	.tsl-home.tsl-page--compliance .tsl-footer__legal .tsl-footer__link,
	.tsl-home.tsl-page--services .tsl-footer__legal .tsl-footer__link,
	.tsl-home.tsl-page--book-call .tsl-footer__legal .tsl-footer__link,
	.tsl-home.tsl-page--blog-post .tsl-footer__legal .tsl-footer__link {
		color: #5a6270;
		font-size: 14px;
	}

	.tsl-home:not(.tsl-page) .tsl-footer__legal .tsl-footer__item + .tsl-footer__item::before,
	.tsl-home.tsl-page--about .tsl-footer__legal .tsl-footer__item + .tsl-footer__item::before,
	.tsl-home.tsl-page--contact .tsl-footer__legal .tsl-footer__item + .tsl-footer__item::before,
	.tsl-home.tsl-page--compliance .tsl-footer__legal .tsl-footer__item + .tsl-footer__item::before,
	.tsl-home.tsl-page--services .tsl-footer__legal .tsl-footer__item + .tsl-footer__item::before,
	.tsl-home.tsl-page--book-call .tsl-footer__legal .tsl-footer__item + .tsl-footer__item::before,
	.tsl-home.tsl-page--blog-post .tsl-footer__legal .tsl-footer__item + .tsl-footer__item::before {
		margin: 0 5px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tsl-home .tsl-cta__ring {
		animation: none;
	}
}

/* Footer social icons: the supplied round icon pictures (38 px, 18 px apart). */
.tsl-home .tsl-footer__social {
	gap: 18px;
}

.tsl-home .tsl-footer__social-link {
	width: 38px;
	height: 38px;
	background: none;
	line-height: 0;
}

.tsl-home .tsl-footer__social-img {
	display: block;
	width: 38px;
	height: 38px;
}

/* Hover / keyboard focus: the round icon fills with TOPOSEL purple and its symbol turns light, with a soft glow and
   a 2 px lift. The pictures are fixed-colour, so the fill is the link's own background and the picture is
   inverted and screen-blended over it. Nothing changes size or position. */
.tsl-home a.tsl-footer__social-link {
	border-radius: 50%;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.tsl-home a.tsl-footer__social-link .tsl-footer__social-img {
	transition: filter 0.2s ease;
}

.tsl-home a.tsl-footer__social-link:hover,
.tsl-home a.tsl-footer__social-link:focus-visible {
	background: var(--tsl-color-primary);
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(79, 47, 217, 0.3);
}

.tsl-home a.tsl-footer__social-link:hover .tsl-footer__social-img,
.tsl-home a.tsl-footer__social-link:focus-visible .tsl-footer__social-img {
	filter: grayscale(1) invert(1);
	mix-blend-mode: screen;
}

@media (prefers-reduced-motion: reduce) {
	.tsl-home a.tsl-footer__social-link,
	.tsl-home a.tsl-footer__social-link .tsl-footer__social-img {
		transition: none;
	}

	.tsl-home a.tsl-footer__social-link:hover,
	.tsl-home a.tsl-footer__social-link:focus-visible {
		transform: none;
	}
}