.breakdance .bde-div-11435-122{width:380px;min-height:350px;padding-bottom:50px;padding-left:20px;justify-content:flex-end}.breakdance .bde-div-11435-122{background-position:center bottom}.breakdance .bde-div-11435-122>*{z-index:1}.breakdance .bde-div-11435-122>.section-background-overlay{z-index:0}.breakdance .bde-div-11435-122>.section-background-overlay{background-color:#00000038;transition:background-color var(--bde-transition-duration) ease-in-out}.breakdance .bde-div-11435-122{overflow:hidden}.breakdance .bde-div-11435-122>.section-background-overlay{transition:background-color var(--bde-transition-duration) ease-in-out}.breakdance .bde-div-11435-122:hover>.section-background-overlay{background-color:#080808B8}<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>.hover-div{position:relative;width:200px;height:400px;border:1px solid #ccc;overflow:hidden}.hover-text{margin-top:50px;transition:margin-bottom 0.4s ease}.hover-div:hover .hover-text{margin-bottom:200px}</style></head><body><div class="hover-div"><p class="hover-text">Hover me</p></div></body></html><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>.hover-div{position:relative;width:200px;height:100px;border:1px solid #ccc;overflow:hidden}.visible-text{opacity:0;transition:opacity 0.3s ease}.hover-div:hover .visible-text{opacity:1}.breakdance .bde-heading-11435-123{color:var(--bde-brand-primary-color);font-size:25px;font-weight:400;line-height:1;text-transform:uppercase;text-shadow:0px 0px 30px #000}.breakdance .bde-text-11435-124{width:80%;color:var(--bde-palette-color-1-52233594-6aa9-4708-8acc-0049d9b0ebbc)}.breakdance .bde-text-11435-124{position:absolute;bottom:30px}.breakdance .bde-container-link-11435-126{width:600px;min-height:450px}.breakdance .bde-container-link-11435-126{position:absolute;left:0px;bottom:0px}