.about.button div,
    .banner-button div,
	.form .button div,
	.product-list .button div {
        width:fit-content;max-width:200px;min-width:125px;margin:0 auto;box-sizing:border-box;color:white;background:transparent;position:relative;padding:8px 15px;cursor:pointer;border-radius:3px;border:2px solid var(--sec-color);transition:1s all ease;overflow:hidden;z-index:1;text-align:center;font-size:12px;letter-spacing:1px;display:none;
    }
    .about.button div:before,
    .banner-button div:before,
    .form .button div:before,
    .product-list .button div:before {
        position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);content:" ";width:100%;height:0%;background:var(--sec-color);transition:0.5s all ease;z-index:-1;
    }
    .about.button div:hover:before,
    .banner-button div:hover:before,
    .form .button div:hover:before,
    .product-list .button div:hover:before {
        width:100%;height:500%;
    }


    .form {
    	width:100%;box-sizing:border-box;flex-direction:column;row-gap:10px;
    }
    .form p,
    .form i {
    	color:white;
    }
    .form input,
    .form textarea {
    	border:0;border-bottom:1px solid white;width:100%;box-sizing:border-box;padding:10px;color:white;outline:none;
    }
    .form textarea::placeholder,
    .form input::placeholder {
    	color:rgba(240,240,240) !important;font-family:var(--sec-font) !important;font-size:12px;letter-spacing:1px;
    }
    .about.button div,
    .banner-button div,
    .form .button div {
    	display:block;margin:0;
    }
    .form #error {
    	color:white;font-size:12px;letter-spacing:1px;font-family:var(--sec-font);
    }

    .banner-button div {
    	min-width:200px !important;max-width:250px !important;font-size:18px;padding:15px;box-sizing:border-box;margin:10px auto;
    }