/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Nurodom naršyklei, kad --border-len yra animuojamas */
@property --border-len {
  syntax: '<length>';
  inherits: false;
  initial-value: 30px;
}

:root {
	--trans-025: all 0.25s ease-in;
}

.artx__pseudo_element {
	position: relative;
	display: inline-block;
	padding: 10px 25px;
	--border-len: 30px;

	background:
		linear-gradient(to right, #fff var(--border-len), transparent 0) top left,
		linear-gradient(to bottom, #fff var(--border-len), transparent 0) top left,
		linear-gradient(to left, #fff var(--border-len), transparent 0) bottom right,
		linear-gradient(to top, #fff var(--border-len), transparent 0) bottom right;

	background-size: var(--border-len) 5px, 5px var(--border-len), var(--border-len) 5px, 5px var(--border-len);
	background-repeat: no-repeat;

	transition:
		padding 0.25s ease-in,
		--border-len 0.25s ease-in;
}

.artx__container-pseudo_element:hover .artx__pseudo_element {
	padding: 20px 35px;
	--border-len: 60px;
}