/* Study card artwork is added by Source ReTime when core buttons render. */

/* ReTime 2026: study links and introduction. */

.retime-why-section .retime-study-card [data-svgme-name="dashed-circle"] {
	transform-box: fill-box;
	transform-origin: center;
}

.retime-why-section .retime-study-card:hover [data-svgme-name="dashed-circle"],
.retime-why-section .retime-study-card:focus-within [data-svgme-name="dashed-circle"] {
	animation: retime-dashed-circle-spin 20s linear infinite;
}

@keyframes retime-dashed-circle-spin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.retime-why-section .retime-study-card [data-svgme-name="dashed-circle"] {
		animation: none;
	}
}

.retime-why-section .retime-study-card {
	width: 100%;
	height: 100%;
	margin: 0;
	container-type: inline-size;
}

.retime-why-section .retime-study-card--role { grid-area: role; }
.retime-why-section .retime-study-card--activity { grid-area: activity; }
.retime-why-section .retime-study-card--efficiency {
	grid-area: efficiency;
	height: 335px;
	align-self: center;
}

.retime-why-section .retime-study-card .wp-block-button__link {
	position: relative;
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding: 22px 18px 65px;
	overflow: hidden;
	border-radius: 16px;
	color: #fff;
	font-size: clamp(2rem, 17cqw, 3rem);
	font-weight: 500;
	line-height: .94;
	letter-spacing: -.04em;
	text-align: left;
	text-decoration: none;
}

.retime-why-section .retime-study-card__title {
	position: relative;
	z-index: 1;
	display: block;
}

.retime-why-section .retime-study-card__logo,
.retime-why-section .retime-study-card__circles {
	position: absolute;
	display: block;
	max-width: none;
	pointer-events: none;
}

.retime-why-section .retime-study-card__logo {
	left: 16px;
	bottom: 12px;
	width: 55px;
	height: auto;
}

.retime-why-section .retime-study-card__circles {
	right: -30px;
	top: -15px;
	width: 125px;
	height: auto;
}

.retime-why-section .retime-study-card__arrow {
	display: inline-grid;
	place-items: center;
	width: 26px;
	height: 26px;
	margin-left: 8px;
	border: 1px solid #fff;
	border-radius: 50%;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	vertical-align: .08em;
	transition: background-color .2s ease, color .2s ease;
}

.retime-why-section .retime-study-card .wp-block-button__link:hover .retime-study-card__arrow,
.retime-why-section .retime-study-card .wp-block-button__link:focus-visible .retime-study-card__arrow {
	background-color: #fff;
	color: #884394;
}

.retime-why-section .retime-study-card--activity .wp-block-button__link:hover .retime-study-card__arrow,
.retime-why-section .retime-study-card--activity .wp-block-button__link:focus-visible .retime-study-card__arrow {
	color: #0bb6ea;
}

.retime-why-section .retime-study-card--efficiency .wp-block-button__link:hover .retime-study-card__arrow,
.retime-why-section .retime-study-card--efficiency .wp-block-button__link:focus-visible .retime-study-card__arrow {
	color: #f99b0c;
}

.retime-why-section .retime-study-card--role .wp-block-button__link { background-color: #884394; }
.retime-why-section .retime-study-card--activity .wp-block-button__link { background-color: #0bb6ea; }
.retime-why-section .retime-study-card--efficiency .wp-block-button__link {
	background-color: #f99b0c;
	padding-top: 26px;
	white-space: nowrap;
}

.retime-why-section .retime-study-card--efficiency .retime-study-card__logo {
	width: 65px;
}

.retime-why-section .retime-study-card--efficiency .retime-study-card__circles {
	top: auto;
	bottom: -54px;
	right: -22px;
	width: 170px;
}

/* Core buttons are edited client-side, so mirror the render-time card artwork in Gutenberg. */
.editor-styles-wrapper .retime-why-section .retime-study-card {
	position: relative;
	overflow: hidden;
	border-radius: 16px;
}
.editor-styles-wrapper .retime-why-section .retime-study-card::before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 16px;
	bottom: 12px;
	width: 55px;
	height: 40px;
	background: url('retime-logo-transparent.svg') left bottom / contain no-repeat;
	pointer-events: none;
}
.editor-styles-wrapper .retime-why-section .retime-study-card .wp-block-button__link::before {
	content: "";
	position: absolute;
	right: -30px;
	top: -15px;
	width: 125px;
	height: 207px;
	background: url('study-circles.svg') center / contain no-repeat;
	pointer-events: none;
}
.editor-styles-wrapper .retime-why-section .retime-study-card .wp-block-button__link::after {
	content: "\2198";
	display: inline-grid;
	place-items: center;
	width: 26px;
	height: 26px;
	margin-left: 8px;
	border: 1px solid #fff;
	border-radius: 50%;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	vertical-align: .08em;
}
.editor-styles-wrapper .retime-why-section .retime-study-card--efficiency::before { width: 65px; }
.editor-styles-wrapper .retime-why-section .retime-study-card--efficiency .wp-block-button__link::before {
	top: auto;
	bottom: -54px;
	right: -22px;
	width: 170px;
	height: 281px;
}

@media (max-width: 600px) {
	.retime-why-section .retime-study-card--efficiency {
		height: 100%;
		align-self: stretch;
	}
}