
.box-style-border .info-box-content {
	padding: 30px;
	border: 3px solid var(--brdcolor-gray-300);
}

.box-style-border .box-icon-wrapper {
	position: relative;
	z-index: 2;
}

.box-style-border:is(.box-icon-align-left, .box-icon-align-right) {
	align-items: center;
}

.box-style-border.box-icon-align-left .info-box-content {
	padding-left: calc(var(--ib-icon-sp) + 30px);
}

.box-style-border.box-icon-align-left .info-box-icon {
	margin-right: calc(-30px - var(--ib-icon-sp));
	max-width: unset;
}

.box-style-border.box-icon-align-right .info-box-content {
	padding-right: calc(var(--ib-icon-sp) + 30px);
}

.box-style-border.box-icon-align-right .info-box-icon {
	margin-left: calc(-30px - var(--ib-icon-sp));
	max-width: unset;
}

.box-style-border.box-icon-align-top .box-icon-wrapper {
	margin-bottom: calc(-25px - var(--ib-icon-sp));
	padding-inline: 30px;
}

.box-style-border.box-icon-align-top .info-box-content {
	padding-top: calc(var(--ib-icon-sp) + 15px);
}

.box-style-border .info-btn-wrapper {
	margin-block: 0 -30px;
	transform: translateY(50%);
}

.elementor-default .wd-carousel-item .box-style-border.with-btn {
	margin-bottom: 30px;
}

@media (min-width: 1025px) {
	.box-style-border.box-btn-hover.box-icon-align-left .info-btn-wrapper {
		margin-left: calc(var(--ib-icon-sp) + 30px);
	}
	
	.box-style-border.box-btn-hover.box-icon-align-right .info-btn-wrapper {
		margin-right: calc(var(--ib-icon-sp) + 30px);
	}
	
	.box-style-border.box-btn-hover .info-btn-wrapper {
		margin-top: -15px;
		margin-inline: 30px;
		padding-top: 0;
	}
}
