.elementor-9574 .elementor-element.elementor-element-165d5d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9574 .elementor-element.elementor-element-1f8beee9{--spacer-size:10vh;}.elementor-9574 .elementor-element.elementor-element-1d7512ac > .elementor-widget-container{margin:0em 0em 0em 1em;padding:0em 0em 1em 0em;}.elementor-9574 .elementor-element.elementor-element-1d7512ac .thegem-te-post-title{justify-content:left;text-align:left;}.elementor-9574 .elementor-element.elementor-element-1d7512ac .thegem-te-post-title .post-title{letter-spacing:2.5px;}.elementor-9574 .elementor-element.elementor-element-5104a85c{--display:flex;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:0em;}.elementor-9574 .elementor-element.elementor-element-6aeea094{text-align:start;}.elementor-9574 .elementor-element.elementor-element-48cb9834{--spacer-size:10vh;}.custom-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #1D7CE2;
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 1px;
    position: relative; /* Ensure positioning works for the pseudo-element */
    transition: background-color 0.3s, transform 0.3s; /* Smooth transition for background and transform */
}

.custom-button::before {
    content: ''; /* Initially no content */
    position: absolute;
    left: -20px; /* Ensure the initial position is outside the button */
    opacity: 0; /* Make it invisible initially */
    transition: opacity 0.3s, transform 0.3s; /* Smooth transition for visibility and position */
}

.custom-button:hover::before {
    content: '>'; /* Add the ">" symbol before the text on hover */
    opacity: 1; /* Make the symbol visible */
    transform: translateX(-6px); /* Slide the ">" into place */
    position: absolute;
    left: 12px; /* Position the ">" to the left of the text (adjust as needed) */
}

.custom-button:hover {
    background-color: #1D7CE2; /* Maintain the same background color */
    color: white;
    text-align: right; /* Align text to the right */
    transform: translateX(6px); /* Move the button 5px to the right on hover */
}