.program-card {
	.program-card-top {
		position: relative;
		.program-card-image {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			height: auto;
			img {
				max-width: 100%;
				height: auto;
			}
			img.program-card-button {
				border: 1px solid var(--green);
				border-radius: 100%;
				background-color: white;
				width: 4rem;
				height: 4rem;
				right: 1.5rem;
				bottom: 1.5rem;
				position: absolute
			}
		}
		a::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 1;
		cursor: pointer;
		}
		
		a:hover::before, a:focus::before {
			outline: 5px auto var(--sky);
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: 2px;
		}

		a:focus, a:hover {
			outline: none;
			text-decoration: none;
		}
		h3 {
			margin-top: 1rem;
		}
	}
}