.wp-block-create-block-showcase-text-only {
background-color: #f4f6f6;
overflow-x: hidden;
padding: 6% 7% 7%;
color: #000;
}
@media (min-width: 800px) {
.wp-block-create-block-showcase-text-only {
padding: 112px 7% 100px;
}
}
.wp-block-create-block-showcase-text-only h2 {
font-size: 30px;
line-height: 44px;
font-family: "gentonalight", Arial, sans-serif;
}
@media (min-width: 800px) {
.wp-block-create-block-showcase-text-only h2 {
margin-bottom: 40px;
font-size: 62px;
line-height: 68px;
}
}
.wp-block-create-block-showcase-text-only p {
font-family: "gentonalight", Arial, sans-serif;
color: #000;
font-size: 17px;
line-height: 24px;
margin-bottom: 60px;
text-align: center;
margin-bottom: 36px;
}
@media (min-width: 800px) {
.wp-block-create-block-showcase-text-only p {
font-size: 24px;
line-height: 30px;
margin-bottom: 60px;
}
}
.wp-block-create-block-showcase-text-only .button-text-dark:hover, .wp-block-create-block-showcase-text-only .button-text-dark:focus {
background-color: #fff !important;
}
.wp-block-create-block-showcase-text-only .animated-border-button {
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0;
border-bottom-width: 0;
border-style: solid;
padding: 15px 43px;
position: relative;
font-size: 26px;
font-family: "gentonasemibold", Arial, sans-serif;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
vertical-align: middle;
white-space: normal;
display: inline-flex;
cursor: pointer;
}
@media (max-width: 767px) {
.wp-block-create-block-showcase-text-only .animated-border-button {
font-size: 20px;
}
}
.wp-block-create-block-showcase-text-only .animated-border-button:before {
content: "";
transition: all 0.3s;
height: 0;
position: absolute;
width: 87%;
}
.wp-block-create-block-showcase-text-only .animated-border-button:after {
content: "";
transition: all 0.3s;
height: 0;
position: absolute;
width: 87%;
}
.wp-block-create-block-showcase-text-only .animated-border-button:hover::before, .wp-block-create-block-showcase-text-only .animated-border-button:focus::before {
width: 100%;
}
.wp-block-create-block-showcase-text-only .animated-border-button:hover::after, .wp-block-create-block-showcase-text-only .animated-border-button:focus::after {
width: 100%;
}