.hover-overlay-container{position:relative;width:300px;display:contents}.hover-overlay-container:hover .overlay-btn-container,.hover-overlay-container:hover .overlay-image{opacity:1}.hover-overlay-container .overlay-image{height:auto;backface-visibility:hidden;transition:.5s ease;opacity:1;width:100%;display:block}.hover-overlay-container .overlay-btn-container{transform:translate(-50%,-50%);transition:.5s ease;position:absolute;opacity:0;text-align:center;top:50%;left:50%;margin-top:130px}@media only screen and (max-width:500px){.hover-overlay-container .overlay-btn-container{position:unset;margin-left:150px;margin-top:0}}.hover-overlay-container .overlay-btn-container .overlay-btn{padding:10px 16px;font-size:16px;text-decoration:none;color:#fff;background-color:#000}body{font-size:8px;color:#050917;background:#fc3;line-height:1.5em;font-family:Roboto,sans-serif}form{text-align:center;margin:-1.5em auto 2em -1em}form .button{margin:0 auto}form .button,form input#submit{height:2.3em;font-size:.8em;color:#000;transition:.5s;position:relative;text-align:left;background:transparent;width:10em;line-height:3em;padding-left:1em}form .button:hover,form input#submit:hover{background:#000}form .button:before,form input#submit:before{height:2px;right:-20px;transition:.5s;content:"";position:absolute;top:50%;background:#000;width:0;display:block}form .button:after,form input#submit:after{border-color:transparent currentcolor currentcolor transparent;height:20px;transform:rotate(-45deg);transition:.5s;content:"";position:absolute;border-style:solid;border-width:2px;top:25%;left:-18px;width:20px;margin-top:1px;display:block}form .button:hover:before,form input#submit:hover:before{left:-30px}form .button:hover:after,form input#submi:hover:after{left:-28px}.buyuyenresim:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);transition-duration:.3s;-webkit-transition-duration:.3s;position:relative;cursor:pointer;z-index:2}