Answered step by step
Verified Expert Solution
Question
1 Approved Answer
how do I make this button look like the image? I would like the text to be white and clickable....thanks..I am trying to get rid
how do I make this button look like the image? I would like the text to be white and clickable....thanks..I am trying to get rid of the hyperlink when I insert my email...
image:
code:
html:
If You Have Any Project In Your Mind ?
CSS:
- #contact-btn{
- width: 100%;
- display: flex;
- flex-direction: column;
- justify-content:center;
- align-items: center;
- height: 200px;
- background-color: #F4F7FF;
- margin: 20px 0px;
- box-sizing: border-box;
- box-shadow:2px 0px 20px rgba(0,0,0,0.4);
- }
- .c-b-heading{
- font-size: 2rem;
- color:#1E1E1E;
- font-family: calibri;
- margin: 10px;
- padding: 5px;
- letter-spacing: 4px;
- border-bottom: 2px solid #1E1E1E;
- }
- #contact-btn button{
- color:#FFFFFF;
- font-size: 1rem;
- font-family: calibri;
- width:150px;
- height: 40px;
- margin: 10px;
- background-color: #1E1E1E;
- border: none;
- outline: none;
- box-shadow: 2px 5px 6px rgba(0,0,0,0.2);
- }
- #contact-btn button:hover{
- background-color: #17d1ac;
- color:#000000;
- transition: all ease 0.5s;
- font-weight: bold;
- }
If You Have Any Project In Your Mind ? Contact Me
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started