/* Download-Button */

.drvDownloadButton .elementor-button-icon {
  /* Modes Colors Color format Hex Background colors Verlauf_Blau Export Toolbelt Mode Draw Design Dev Mode: ; */
  align-content: ;
  alignment-baseline: ;
  width: 120px;
  height: 96px;
  align-items: center;
  flex-direction: column;
  text-align: center;
border-radius: 20px 15px 15px 20px;
	position: absolute;
  right: 0;
  background: var(--Verlauf_Blau, linear-gradient(270deg, #00A8DD 0%, #083163 100%));
	
	transition: width 0.7s ease-out;
}

.drvDownloadButton .elementor-button-icon svg {
  flex-grow: 1;
	width: 40px;
	height: auto;
	position: absolute;
  top: 25px;
  right: 35px;
}

.drvDownloadButton .elementor-button-text {
text-align: left;
	padding-left: 30px;
	
		transition: color 1s ease-out;

}

.drvDownloadButton {
  width: 404px;
  z-index: 1;
  border: 4px solid var(--e-global-color-color_textfarbe_blau);
  border-radius: 20px;
  display: flex;
  padding: 0;
  height: 104px;
	 text-align: left;
	
}

.drvDownloadButton:hover .elementor-button-icon {
	width: 100%;
	align-items: flex-end;
	border-radius: 15px;
	
}	


.drvDownloadButton:hover .elementor-button-text {
	color: #fff !important;
	z-index:1;
}


.drvDownloadButton .elementor-button-content-wrapper {
  display:flex;
  align-items:center;
  min-height: 100%;
}

@media screen and (max-width: 767px) {
	
/* style.css | https://drv-talente.digitalewege.de/wp-content/themes/hello-elementor-child/style.css?ver=1.0.0 */

.drvDownloadButton .elementor-button-text {
  /* padding-left: 30px; */
  padding-left: 14px;
}

.drvDownloadButton .elementor-button-icon {
  /* width: 120px; */
  /* height: 96px; */
  width: 85px;
  height: 100%;
}

.drvDownloadButton:hover .elementor-button-icon {
  /* width: 100%; */
}

.drvDownloadButton .elementor-button-icon svg {
  /* width: 40px; */
  /* right: 35px; */
  width: 30px;
  right: 25px;
}

.drvDownloadButton {
  /* width: 404px; */
  /* height: 104px; */
  width: 100%;
  height: 90px;
}
}

.drvDownload::after {
	content: "";
	position: absolute;
	bottom: 0;
  right: 0;
width: clamp(145px, 22.604vw, 434px);
height: clamp(96px, 14.948vw, 287px);
	background-image: url('/wp-content/uploads/2026/04/Illu_Doodle_2.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom right;
}