.content-highlight-wrapper {
	margin-top: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
    max-width: 1256px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3.13rem;
    padding-right: 3.13rem;
	
	& h2,
	& p.has-text-align-center {
		max-width: 670px;
  		margin: 0 auto;
	}
	
	& p.has-text-align-center {
		max-width: 800px;
		margin-bottom: 20px;
	}
	
	&.modern {
		gap: 22px;
				
		& p.has-text-align-center {
			font-size: 18px;
			line-height: 160%;
			letter-spacing: 0.09px;
		}
		
		& h3 {
			color: #343A40;
			font-size: 24px;
			font-style: normal;
			font-weight: 600;
			line-height: 150%;
		}
		
		& .wp-block-column {
			border-radius: 24px;
			background: rgba(255, 255, 255, 0.80);
			box-shadow: 0 1px 2px 0 #FFF inset, 0 0 14px 0 rgba(0, 0, 0, 0.06);
			backdrop-filter: blur(10px);
			padding: 25px;
			display: flex;
      		flex-direction: column;
			& :is(h4, p, figure + figure, p) {
				padding: 0;
			}
			& img,
			& p {
				margin-bottom: 24px;
			}
			& p:has(a) {
				margin-bottom: 0;
				margin-top: auto;
			}
		}
		
		& .wp-block-column a.trans-btn,
		& .btn {
			margin: 0 auto 40px auto;
			display: inline-flex;
			padding: 14px 28px;
			justify-content: center;
			align-items: center;
			gap: 10px;
			border-radius: 4px;
			position: relative;
			background: #771A77;
			box-shadow: 0 0 6px 0 rgba(28, 13, 37, 0.12), 0 1px 3px -1px rgba(16, 14, 18, 0.25), 0 1px 3px 0 rgba(255, 255, 255, 0.50) inset;
			color: #FFEFFB;
			text-decoration: none;
			transition: background-color .3s ease 0s,color .3s ease 0s,border-color .3s ease 0s;
			border: none;
			& span {
				position: relative;
			}
			&::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				border-radius: 4px;
				background: linear-gradient(180deg, #9D259D -32.69%, #6F166F 123.08%);
				box-shadow: 0 0 6px 0 rgba(28, 13, 37, 0.12), 0 1px 3px -1px rgba(16, 14, 18, 0.25), 0 1px 3px 0 rgba(255, 255, 255, 0.50) inset;
				opacity: 1;
				transition: opacity .3s ease;
			  }
			&:is(:hover, :focus) {
				background: #661466;
			}
			&:is(:hover, :focus)::before {
				opacity: 0;
			}
		}
		
		& .wp-block-column {
			& a.trans-btn {
				width: fit-content;
				margin: auto;
				transition: all linear 0.25s;
				padding: 10px;
				border-radius: 14px;
				overflow: hidden;
				& span {
					font-size: 0;
					overflow: hidden;
					white-space: nowrap;
					transition: font-size linear 0.25s;
				}
				&::after {
                    transition: transform linear 0.25s, margin linear 0.25s, scale linear 0.25s;
					background-image: none;
					mask-image: url('../../assets/images/webistry/arrow-up-right.svg');
					background-color: #fff;
					transform: rotate(45deg);
					min-height: 20px;
					min-width: 20px;
					margin-left: -7px;
					scale: 1.4;
					margin-right: 3px;
				}
			}
			&:is(:hover, :focus) a.trans-btn span,
            & a.trans-btn:focus span {
				font-size: 14px;
			}
			&:is(:hover, :focus) a.trans-btn {
				padding: 10px 20px;
				border-radius: 4px;
			}
			&:is(:hover, :focus) a.trans-btn::after {
                transform: rotate(0deg);
                scale: 1;	
                margin-left: -2px;
			}
			&:is(:hover, :focus) a.trans-btn:hover::after,
            & a.trans-btn:focus::after {
                transform: rotate(0deg) translate(1px, -1px);
                scale: 1;	
                margin-left: -2px;
			}
		}
		
	}
	
}

@media (max-width: 991px) {
    .content-highlight-wrapper {
        padding-left: 2.19rem;
        padding-right: 2.19rem;
    }
}

@media (max-width: 374px) {
    .content-highlight-wrapper {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (max-width: 991px) {
    .content-highlight-wrapper.modern .wp-block-column a.trans-btn {
        padding: 10px 20px;
        border-radius: 4px;
        width: 100%;
        text-align: center;
        & span {
            font-size: 14px;
        }
        &::after {
            transform: rotate(0deg);
            scale: 1;
            margin-left: -2px;
        }
    }
}