OwlCyberSecurity - MANAGER

Edit File: _custom-icon-button.scss

// button
.elementor-button-wrapper {
	.elementor-button {
		position: relative;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: #fff;
		background-color: var(--primary);
		border: 1px solid transparent;
		padding: 24px 48px;
		text-align: left;

&:hover {
			transition: all .3s;
            background-color: #fff;
            border: 1px solid var(--primary);
            color: var(--primary);
		}

&:focus, &:visited {
			color: #fff;
			background-color: var(--primary);
			&:hover {
				transition: all .3s;
	            background-color: #fff;
	            border: 1px solid var(--primary);
	            color: var(--primary);
			}
		}

.elementor-button-content-wrapper {
			align-items: center;
			width: 100%;
		}

.elementor-button-icon {
			display: inline-flex;
		    z-index: 1;
		    i {
		    	display: inline-flex;
		    }
		}
	}
}

.ova_shape_button {
	.elementor-button-wrapper {
		.elementor-button {
			&:hover {
				&:after {
					background-color: inherit;
				}
			}
			&:after {
				content:"";
				position: absolute;
				bottom: -13px;
				right: calc(50% - 17px);
				transform: translateX(-50%);
				width: 17px;
				height: 13px;
				-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
				clip-path: polygon(100% 0, 0 0, 50% 100%);
				background-color: inherit;
			}
		}
	}
}

/* custom scss icon list, icon box, icon widget default in elementor*/
.elementor-icon-list-items {
	.elementor-icon-list-icon {
		color: var(--primary);
	}
}

.elementor-view-stacked {
	&.elementor-widget-icon, &.elementor-widget-icon-box {
        .elementor-icon {
			background-color: var(--primary); 
		}
	}
}

.elementor-view-framed {
	&.elementor-widget-icon, &.elementor-widget-icon-box {
        .elementor-icon {
        	color: var(--primary); 
			border-color: var(--primary); 
		}
	}
}

.elementor-widget-icon, .elementor-widget-icon-box {
	 .elementor-icon {
		color: var(--primary); 
	}
}

// ova hide element
.ova-hide-element-min1024-max1300{ 
	@media (min-width: 1024px) and (max-width: 1300px) {
		display: none;
	}
}

// Gap
.ova-element-column-gap-40px {
	.elementor-widget-wrap {
		column-gap: 40px;
	}
}
.ova-element-column-gap-30px {
	.elementor-widget-wrap {
		column-gap: 30px;
	}
}
// Margin
.ova-element-column-margin-left-40px {
	.elementor-widget-wrap {
		margin: 0 0 0 40px;
	}
}
.ova-element-column-margin-left-30px {
	.elementor-widget-wrap {
		margin: 0 0 0 30px;
	}
}

.rtl {
	.ova-element-column-margin-left-40px {
		.elementor-widget-wrap {
			margin: 0 40px 0 0;
		}
	}
	.ova-element-column-margin-left-30px {
		.elementor-widget-wrap {
			margin: 0 30px 0 0;
		}
	}
}