.breakdance .bde-div-11401-122{width:400px;min-height:400px;padding-bottom:50px;padding-left:20px;justify-content:flex-end}.breakdance .bde-div-11401-122{background-position:center bottom}.breakdance .bde-div-11401-122>*{z-index:1}.breakdance .bde-div-11401-122>.section-background-overlay{z-index:0}.breakdance .bde-div-11401-122>.section-background-overlay{background-color:#0E0E0E26;transition:background-color var(--bde-transition-duration) ease-in-out}.breakdance .bde-div-11401-122{overflow:hidden}.breakdance .bde-div-11401-122>.section-background-overlay{transition:background-color var(--bde-transition-duration) ease-in-out}.breakdance .bde-div-11401-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:500px;border:1px solid #ccc;overflow:hidden}.hover-text{margin-top:50px;transition:margin-bottom 0.4s ease}.hover-div:hover .hover-text{margin-bottom:300px;opacity:0}</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-11401-123{color:var(--bde-palette-color-1-52233594-6aa9-4708-8acc-0049d9b0ebbc);font-size:25px;font-weight:400;line-height:1;text-transform:uppercase;text-shadow:0px 0px 30px #000}.breakdance .bde-text-11401-124{width:80%;color:var(--bde-brand-primary-color)}.breakdance .bde-text-11401-124{position:absolute;bottom:30px}