.closable-banner{background-image:url(/images/closeBanner/HP_Ban_02.jpg);background-position:50%;background-size:cover;display:flex;height:0;overflow:hidden;transition:height .5s ease}.closable-banner__price{text-transform:uppercase}.closable-banner__center{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.closable-banner__center{margin:30px 0 0}}.closable-banner__button{background:#f60;font-weight:700}@media (max-width:768px){.closable-banner__button{font-size:15px;font-weight:500}}.closable-banner.is-show{height:80px}@media (max-width:768px){.closable-banner.is-show{height:140px}}.closable-banner__title{color:#f8fafb;font-size:20px;font-weight:600;margin:0;padding:20px 20px 0 0;text-transform:none}@media (max-width:768px){.closable-banner__title{font-size:18px}}.closable-banner .btn{height:40px;width:140px}@media (max-width:768px){.closable-banner .btn{font-size:12px;height:40px;width:100px}}.closable-banner__main{display:flex;flex:1;padding:10px;position:relative}.closable-banner__content{flex:1;text-align:center}.closable-banner__close{background:transparent;border:none;cursor:pointer;height:34px;outline:none;padding:0;position:absolute;right:20px;top:20px;width:34px}.closable-banner__close svg{fill:#0a0a0a;transition:fill .2s ease;width:100%}@media (max-width:768px){.closable-banner__close svg{width:70%}}.closable-banner__close:hover svg{fill:#0a0a0a}