.MainBox {
background: transparent;
width:100%;
height: auto;
display: inline-block;
}
.btn-textbox{
background: transparent;
width:100%;
border-radius: 0.25em;
color: black;
line-height: 2em;
padding: 1em;
display: inline-block;
align-items: center;
cursor: pointer;
margin:10px auto;
justify-content: center;
}
.shape1 {
width: 80%;
height: 50px;
border: 0;
outline: none;
background-color: #050a0e;
cursor: pointer;
position: relative;
font-family: Tomorrow, sans-serif;
font-size: .85rem;
text-transform: uppercase;
color: #050a0e;
clip-path: polygon(0% 100%, 7% 0%, 88.35% 0%, 91.83% 46.95%, 96.39% 46.95%, 100% 100%);
z-index: 1;
}
.shape1__content {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 0px;
background-color: #fcee09;
clip-path: polygon(0% 100%, 7% 0%, 88.35% 0%, 91.83% 46.95%, 96.39% 46.95%, 100% 100%);
z-index: 2;
}
.shape2 {
width: 80%;
height: auto;
border: 0px;
outline: none;
background-color: #050a0e;
cursor: pointer;
position: relative;
font-family: Tomorrow, sans-serif;
font-size: .85rem;
text-transform: uppercase;
color: #050a0e;
z-index: 1;
}
.shape2__content {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 0px;
background-color: #fcee09;
z-index: 2;
}