img{border:solid 1px black; margin:10px;} .selected:hover{ box-shadow:0px 12px 22px 1px #333; transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } .upload-btn-wrapper { position: relative; overflow: hidden; display: inline-block; margin:auto; width: 100%; max-width:400px; } .text{ padding:5px; font-family: arial; font-size: 14px; color: #ffffff; text-decoration: none; } .btn { width:100%; max-width: 300px; margin:5px; border: 2px solid gray; color: gray; background-color: white; padding: 8px 20px; border-radius: 8px; font-size: 20px; font-weight: bold; } .btn a{ color: #000000; text-decoration: none; } .btn a:hover{ color: #1DA1F2; text-decoration: none; } .btn img:hover{ border: 0px; text-decoration: none; -webkit-transform: scale(1.3); transform: scale(1.3); } .links { width:100%; max-width: 200px; margin:auto; text-align:center; border: 2px solid gray; color: gray; background-color: white; padding: 8px 20px; border-radius: 8px; font-size: 20px; font-weight: bold; } .links:hover { width:100%; max-width: 200px; border: 2px solid gray; color: white; margin:auto; text-align:center; background-color: #F3F3F3; padding: 8px 20px; border-radius: 8px; font-size: 20px; font-weight: bold; } .links a{ color: #808080; font-size: 20px; font-weight: bold; font-family: arial; text-decoration:none; cursor: pointer; } .upload-btn-wrapper input[type=file] { width:100%; max-width: 300px; font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; } .upload-btn-wrapper input[type=submit] { width:100%; max-width: 300px; font-size: 100px; position: absolute; left: 0; top: 0; opacity: 0; }