.darbai-buttons-wrapper {
	align-self: end;
	width: 55.5vw;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: max(15px, 3vw);
	grid-row-gap: max(15px, 1.25vw);
	.underlined-button {
		color: white;
		&.left {
			grid-column: 1;
		}
		&.right {
			grid-column: 2;
		}
		&.is-active {
			font-style: italic;
		}
		&:hover,
		&:active,
		&:focus {
			svg {
				transform: rotate(-90deg);
			}
		}
		svg {
			width: max(16px, 1.1vw);
			height: max(23px, 1.6vw);
			min-width: max(16px, 1.1vw);
			height: max(23px, 1.6vw);
			transition: transform 0.3s ease;
			path {
				stroke: #ffffff;
			}
		}
	}
}

@media screen and (max-width: 767px) {
	.darbai-buttons-wrapper {
		width: 100%;
	}
}

@media screen and (max-width: 550px) {
	.darbai-buttons-wrapper {
		grid-template-columns: 1fr;
		.underlined-button.left,
		.underlined-button.right {
			grid-column: unset;
		}
	}
}