.photo-button-container {
    display: flex;
    width: 6rem;
    height: 3rem;
    background: var(--background-dark);
    border-radius: 3rem;
    box-shadow: var(--shadow-strong);
    margin-top: 1.5rem;
}

.photo-button-container button {
    background-image: linear-gradient(to right, var(--navbar-dark) 0%, var(--navbar-light) 100%);
    box-shadow: var(--shadow);
    color: var(--color-background);
    border-radius: 100%;
    display: flex;
    align-items: center;
    margin: 0.5rem;
    border: none;
    cursor: pointer;
    transition: var(--transition);
}

.photo-button-container button:hover {
    box-shadow: var(--shadow-hover);
}

.photo-button-container button:active {
    box-shadow: var(--shadow-active);
    transform: translateY(4px);
}