búsqueda leo

#busq-leo-base {width: 220px; position: relative; height: 230px; overflow: hidden;}
#busq-leo-base .fondo {position: absolute; top: 0px; height: 230px; width: 220px; background: #000; transition: 0.8s; transition-delay: 0.5s;}
#busq-leo-base:hover .fondo {top: -230px;}
#busq-leo-base .titulo-leo {font-size: 30px; font-weight: bold; color: #f2f2f2; position: absolute; top: 80px; left: 0px; text-align: center; width: 220px; display: block; transition: 0.8s; transition-delay: 1s;}
#busq-leo-base:hover .titulo-leo {left: -220px; transition: 0.5s;}
.busq-tit-leo {font-size: 30px; font-weight: bold; color: #000;}
.busq-leo-info {border: 40px solid #000; width: 335px; padding: 15px; background: #f2f2f2; margin-bottom: 3px; text-align: justify; font-family: calibri; font-size: 12px; line-height: 110%; color: #000; font-weight: normal;}

/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: local('Dancing Script'), local('DancingScript'), url(https://fonts.gstatic.com/s/dancingscript/v7/DK0eTGXiZjN6yA8zAEyM2Ud0sm1ffa_JvZxsF_BEwQk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}