.btn{
    font-family: 'Times New Roman', Times, serif;
}
.gem-btn {
    display: inline-flex;
    align-items: center;
    font-family: inherit;
    cursor: pointer;
    font-weight: 500;
    font-size: 17px;
    padding: 0.8em 1.3em 0.8em 0.9em;
    color: white;
    background: #ad5389;
    background: linear-gradient(50deg, #1900f5, #7c09a3, #a40675);
    border: none;
    letter-spacing: 0.05em;
    border-radius: 16px;
    text-decoration:none;
}

.gem-btn svg {
    margin-right: 3px;
    transform: rotate(30deg);
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.gem-btn span {
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.gem-btn:hover svg {
    transform: translateX(5px) rotate(90deg);
}

.gem-btn:hover span {
    transform: translateX(7px);
}